網(wǎng)站設(shè)計(jì)師應(yīng)該知曉的10條法則

欄目：網(wǎng)站建設(shè)技巧發(fā)布時(shí)間：2021-10-02 來源: null

分享到：

一個(gè)主觀上很想多多學(xué)習(xí)的設(shè)計(jì)新手在工作中常碰到的狀況應(yīng)當(dāng)是…沒人樂意教?。╬s：傳統(tǒng)思維告訴咱們“教會(huì)門徒，餓逝世師傅”，所以新人們的如此遭受也無可非議；But…另一種可能性是…師傅真的很忙！）

Anyway，今天為菜鳥們奉上對(duì)于網(wǎng)頁UI設(shè)計(jì)的10條實(shí)用法令，盼望能讓大家腦洞大開，在設(shè)計(jì)中得到幫助跟啟發(fā)。

　　一、糾結(jié)的時(shí)候，讓天然為你做決定！
遵守天然法則的設(shè)計(jì)老是因?yàn)橘N近萬物本源而受到更多人的溺愛，因此，當(dāng)你舉棋不定的時(shí)候，你可能抉擇將設(shè)計(jì)代入大天然定律中，讓天然為你做出有名的決定。比方，事實(shí)跟天然告訴咱們，光源來自天空，在人們也已經(jīng)習(xí)慣了這種由上至下光芒來源的時(shí)候，設(shè)計(jì)師須要做的應(yīng)當(dāng)是能適利用戶視線的光芒設(shè)計(jì)。

　　二、脫離色彩引誘，能真正看清布局設(shè)計(jì)
色彩對(duì)人類視覺的沖擊力能產(chǎn)生大的后果；一個(gè)網(wǎng)頁的用戶閉會(huì)是否及格，從色彩跟布局上就能看出一二。但在色彩的“陪伴”下，布局的好壞與否似乎就此被“矮化”。為了讓設(shè)計(jì)師在設(shè)計(jì)時(shí)能更加明白的審視網(wǎng)頁布局，去色或是“灰度模式”的利用興許更有利于新手的布局設(shè)計(jì)工作。
灰度模式：

不了色彩“打攪”之后的網(wǎng)頁布局一旦可能讓自己滿意，再依照色彩實(shí)際或是個(gè)性喜好增加跟更改色彩。

想顯現(xiàn)你要害的內(nèi)容，推薦：《吸睛大法！有哪些方法可能凸起網(wǎng)頁中的要害內(nèi)容？》

　　三、設(shè)計(jì)感是“留”出來的！
勇敢留白是設(shè)計(jì)概念中經(jīng)常會(huì)提到的實(shí)際，但真正能依據(jù)實(shí)際具體落實(shí)的設(shè)計(jì)師卻為數(shù)未幾?？赡苁且?yàn)樵O(shè)計(jì)師膽兒不夠大（PS：怕被客戶噴逝世，“你是不是偷勤??！怎么內(nèi)容那么少！你到底有不認(rèn)真做設(shè)計(jì)?。#￥%……&*!”），另一種可能是不在實(shí)際中理解到留白的美好。

網(wǎng)頁設(shè)計(jì)中的留白是為了在有限的容量中預(yù)留一些讓其中元素呼吸的負(fù)空間，并不是一種所謂的“偷勤”行動(dòng)。大片留白在國內(nèi)市場中極有可能面對(duì)各種不滿，但小范疇的留白卻能很有效的進(jìn)步全部網(wǎng)頁的品位。比方網(wǎng)頁中圖片與字句之間的間距，只有留出兩倍及以上的縫隙，整體都會(huì)展示出令人面前一亮的簡潔感。

　　四、試試把文字直接放在圖片上
這種設(shè)計(jì)伎倆看起來很簡單是不是？但要用這種方法設(shè)計(jì)出一舉成名的網(wǎng)站就有一定難度了。網(wǎng)站設(shè)計(jì)要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。在利用進(jìn)程中，為了不破壞網(wǎng)站的用戶閉會(huì)，有多少點(diǎn)可能特別關(guān)注。
文字的色彩盡量利用白色，讓網(wǎng)頁看起來更大氣；因此，網(wǎng)頁背景圖的色系抉擇以暗色為主；更細(xì)致的話可能再不同的辨別率下進(jìn)行調(diào)試，保障在所有的情況下文字或重要內(nèi)容都是易于辨識(shí)的。

　　五、對(duì)于字體，適合比新鮮更重要！
“搖動(dòng)求新”是很多設(shè)計(jì)師的職業(yè)病，切實(shí)，在任何事件中，適合，比什么都重要！
在網(wǎng)頁字體的利用中，不拘一格的字體款式會(huì)讓設(shè)計(jì)師不知如何是好，設(shè)計(jì)師興許會(huì)因此挑花了眼，興許會(huì)始終在常用的多少種字體中彼此轉(zhuǎn)換。而對(duì)于字體的抉擇，設(shè)計(jì)師應(yīng)當(dāng)依據(jù)圖片中的某些元素作為靈感，以此在網(wǎng)頁中天然地形成隱形線索。

　　六、只有強(qiáng)弱并存才會(huì)獲得對(duì)比
用強(qiáng)弱的對(duì)比展示重點(diǎn)凸起是設(shè)計(jì)中強(qiáng)調(diào)內(nèi)容天然的方法。比方背景圖的弱化，加上清楚的文字或圖案，網(wǎng)頁會(huì)因此營造出當(dāng)前總別致的唯美后果。假如圖片比較枯燥，也可能在背景跟文字的旁邊增加一些透明度較高的線性多少何成分，讓頁面豐富空虛起來，也讓整體不再薄弱。
應(yīng)用好對(duì)比的具體方法：《設(shè)計(jì)基本功！幫你徹底控制設(shè)計(jì)四大準(zhǔn)則中的對(duì)比準(zhǔn)則》

七、你須要一雙善于發(fā)明的眼睛
身邊的所有都可能隨時(shí)為你帶來靈感，千萬別吝嗇你的眼睛！
每一個(gè)渺小的局部都有資格成為你的設(shè)計(jì)元素，你應(yīng)當(dāng)讓它們產(chǎn)生一些小轉(zhuǎn)變，它們就會(huì)讓你的設(shè)計(jì)大晉升。濾鏡？多少何？每一種后果都須要你的嘗試。

　　八、桃紅色&淺橙色！她們才是真正的百搭色！
粉嫩的暖色系色彩始終會(huì)被誤認(rèn)為是很難用的色彩，當(dāng)這類色彩被混淆在色彩斑斕的“調(diào)色盤”中確實(shí)夠難搭配，那不妨嘗試一下在單色背景中利用她們，無論是稍作裝點(diǎn)，還是設(shè)置為主色調(diào)，你都一定會(huì)發(fā)明其中的不張揚(yáng)魅力。

　　九、導(dǎo)航是網(wǎng)頁中重要的設(shè)計(jì)
導(dǎo)航可能說是全部網(wǎng)站中重要的設(shè)計(jì)，用戶閉會(huì)舒服與否很大的決定權(quán)源自于此。網(wǎng)站設(shè)計(jì)要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。對(duì)導(dǎo)航設(shè)計(jì)的幻想評(píng)估應(yīng)當(dāng)是“召之即來，揮之即去”。幽靈按鈕、漢堡圖標(biāo)跟無線框純文字設(shè)計(jì)都是好導(dǎo)航的常用設(shè)計(jì)伎倆。