【美工設(shè)計】網(wǎng)頁設(shè)計新手的必看的十點小知識
2017-07-21 15:25
一個主觀上很想多多學習的設(shè)計新手在工作中最常遇到的狀況應該是…沒人愿意教!今天給大家分享的十點小知識,希望夠讓大家在設(shè)計中不用人教也能找到靈感。
一、糾結(jié)的時候,讓自然為你做選擇!當你沒有辦法選擇的時候,你可以選擇將設(shè)計代入大自然中,讓自然為你做出決定。光源來自天空,人們也已經(jīng)習慣了這種光線來源。
二、脫離色彩誘惑,一個網(wǎng)頁的用戶體驗是否合格,從色彩和布局上就能看出。但在色彩的“陪同”下,布局的好壞與否似乎就此被“矮化”。為了讓設(shè)計師在設(shè)計時能更加清楚的審視網(wǎng)頁布局,去色或是“灰度模式”的使用也許更有利于新手的布局設(shè)計工作。灰度模式:沒有了色彩“打擾”之后的網(wǎng)頁布局一旦能夠讓自己滿意,再按照色彩理論或是個性喜好添加和更改顏色。
三、設(shè)計感是“留”出來的!大膽留白是設(shè)計概念中常常會提到的理論,但真正能根據(jù)理論具體落實的設(shè)計師卻為數(shù)不多。網(wǎng)頁設(shè)計中的留白是為了在有限的容量中預留一些讓其中元素呼吸的負空間,并不是一種所謂的“偷懶”行為。大片留白在國內(nèi)市場中極有可能面對各種不滿,但小范圍的留白卻能很有效的提高整個網(wǎng)頁的檔次。比如網(wǎng)頁中圖片與字句之間的間距,只要留出兩倍及以上的間隙,整體都會展現(xiàn)出令人眼前一亮的簡潔感。
四、試試把文字直接放在圖片上這種設(shè)計手法看起來很簡單是不是?但要用這種方法設(shè)計出一鳴驚人的網(wǎng)站就有一定難度了。在應用過程中,為了不破壞網(wǎng)站的用戶體驗,有幾點可以特別關(guān)注。文字的顏色盡量使用白色,讓網(wǎng)頁看起來更大氣;因此,網(wǎng)頁背景圖的色系選擇以暗色為主;更細致的話可以再不同的分辨率下進行調(diào)試,保證在所有的情況下文字或主要內(nèi)容都是易于辨識的。
五、關(guān)于字體,適合比新穎更重要!“堅定求新”是很多設(shè)計師的職業(yè)病,其實,在任何事件中,適合,比什么都重要!在網(wǎng)頁字體的應用中,形形色色的字體樣式會讓設(shè)計師不知如何是好,設(shè)計師也許會因此挑花了眼,也許會始終在常用的幾種字體中互相轉(zhuǎn)換。而關(guān)于字體的選擇,設(shè)計師應該根據(jù)圖片中的某些元素作為靈感,以此在網(wǎng)頁中自然地形成隱形線索。
六、只有強弱并存才會獲得對比用強弱的對比展現(xiàn)重點突出是設(shè)計中強調(diào)內(nèi)容最自然的方式。比如背景圖的弱化,加上清晰的文字或圖案,網(wǎng)頁會因此營造出以后總別致的唯美效果。如果圖片比較單調(diào),也可以在背景和文字的中間添加一些透明度較高的線性幾何成分,讓頁面豐富充實起來,也讓整體不再單薄。
七、你需要一雙善于發(fā)現(xiàn)的眼睛身邊的一切都可能隨時為你帶來靈感,千萬別吝嗇你的眼睛!每一個細小的部分都有資格成為你的設(shè)計元素,你應該讓它們產(chǎn)生一些小改變,它們就會讓你的設(shè)計大提升。濾鏡?幾何?每一種效果都需要你的嘗試。
八、桃紅色&淺橙色!她們才是真正的百搭色!粉嫩的暖色系色彩一直會被誤認為是很難用的顏色,當這類色彩被混雜在五顏六色的“調(diào)色盤”中的確夠難搭配,那不妨嘗試一下在單色背景中使用她們,無論是稍作點綴,還是設(shè)置為主色調(diào),你都一定會發(fā)現(xiàn)其中的不張揚魅力。
九、導航是網(wǎng)頁中最重要的設(shè)計導航可以說是整個網(wǎng)站中最重要的設(shè)計,用戶體驗舒適與否很大的決定權(quán)源自于此。對導航設(shè)計的最佳評價應該是“召之即來,揮之即去”。幽靈按鈕、漢堡圖標和無線框純文字設(shè)計都是好導航的常用設(shè)計手法。不需要的時候,導航只是個小小的漢堡圖標。展開之后,它是這樣的:也可以根據(jù)你的意愿讓它隨時消失。又或者展開前是如此低調(diào)的存在:打開后以色塊的形式呈現(xiàn),讓近視患者也能清楚的分辨。
十、減去頁面之間的相同存在!相同的部分在網(wǎng)頁設(shè)計中顯得毫無意義,不僅讓網(wǎng)頁邏輯變得繁雜瑣碎,更會讓用戶覺得反感。尤其在布局一致的情況下,內(nèi)容的差異化尤為重要。這些差異化可以從很多方面表現(xiàn)出來,比如色彩、文字、風格等等。
總結(jié):以上是我們?yōu)檎谂佑偷拇蠹铱偨Y(jié)的網(wǎng)頁UI設(shè)計法則,有可能你對上述內(nèi)容已經(jīng)聽聞過許多,但其中的意義還需要在實踐中漸漸摸索領(lǐng)悟。多多練習,根據(jù)設(shè)計環(huán)境不斷優(yōu)化自己的實戰(zhàn)經(jīng)驗,做一個機靈的設(shè)計師!
一、糾結(jié)的時候,讓自然為你做選擇!當你沒有辦法選擇的時候,你可以選擇將設(shè)計代入大自然中,讓自然為你做出決定。光源來自天空,人們也已經(jīng)習慣了這種光線來源。
二、脫離色彩誘惑,一個網(wǎng)頁的用戶體驗是否合格,從色彩和布局上就能看出。但在色彩的“陪同”下,布局的好壞與否似乎就此被“矮化”。為了讓設(shè)計師在設(shè)計時能更加清楚的審視網(wǎng)頁布局,去色或是“灰度模式”的使用也許更有利于新手的布局設(shè)計工作。灰度模式:沒有了色彩“打擾”之后的網(wǎng)頁布局一旦能夠讓自己滿意,再按照色彩理論或是個性喜好添加和更改顏色。
三、設(shè)計感是“留”出來的!大膽留白是設(shè)計概念中常常會提到的理論,但真正能根據(jù)理論具體落實的設(shè)計師卻為數(shù)不多。網(wǎng)頁設(shè)計中的留白是為了在有限的容量中預留一些讓其中元素呼吸的負空間,并不是一種所謂的“偷懶”行為。大片留白在國內(nèi)市場中極有可能面對各種不滿,但小范圍的留白卻能很有效的提高整個網(wǎng)頁的檔次。比如網(wǎng)頁中圖片與字句之間的間距,只要留出兩倍及以上的間隙,整體都會展現(xiàn)出令人眼前一亮的簡潔感。
四、試試把文字直接放在圖片上這種設(shè)計手法看起來很簡單是不是?但要用這種方法設(shè)計出一鳴驚人的網(wǎng)站就有一定難度了。在應用過程中,為了不破壞網(wǎng)站的用戶體驗,有幾點可以特別關(guān)注。文字的顏色盡量使用白色,讓網(wǎng)頁看起來更大氣;因此,網(wǎng)頁背景圖的色系選擇以暗色為主;更細致的話可以再不同的分辨率下進行調(diào)試,保證在所有的情況下文字或主要內(nèi)容都是易于辨識的。
五、關(guān)于字體,適合比新穎更重要!“堅定求新”是很多設(shè)計師的職業(yè)病,其實,在任何事件中,適合,比什么都重要!在網(wǎng)頁字體的應用中,形形色色的字體樣式會讓設(shè)計師不知如何是好,設(shè)計師也許會因此挑花了眼,也許會始終在常用的幾種字體中互相轉(zhuǎn)換。而關(guān)于字體的選擇,設(shè)計師應該根據(jù)圖片中的某些元素作為靈感,以此在網(wǎng)頁中自然地形成隱形線索。
六、只有強弱并存才會獲得對比用強弱的對比展現(xiàn)重點突出是設(shè)計中強調(diào)內(nèi)容最自然的方式。比如背景圖的弱化,加上清晰的文字或圖案,網(wǎng)頁會因此營造出以后總別致的唯美效果。如果圖片比較單調(diào),也可以在背景和文字的中間添加一些透明度較高的線性幾何成分,讓頁面豐富充實起來,也讓整體不再單薄。
七、你需要一雙善于發(fā)現(xiàn)的眼睛身邊的一切都可能隨時為你帶來靈感,千萬別吝嗇你的眼睛!每一個細小的部分都有資格成為你的設(shè)計元素,你應該讓它們產(chǎn)生一些小改變,它們就會讓你的設(shè)計大提升。濾鏡?幾何?每一種效果都需要你的嘗試。
八、桃紅色&淺橙色!她們才是真正的百搭色!粉嫩的暖色系色彩一直會被誤認為是很難用的顏色,當這類色彩被混雜在五顏六色的“調(diào)色盤”中的確夠難搭配,那不妨嘗試一下在單色背景中使用她們,無論是稍作點綴,還是設(shè)置為主色調(diào),你都一定會發(fā)現(xiàn)其中的不張揚魅力。
九、導航是網(wǎng)頁中最重要的設(shè)計導航可以說是整個網(wǎng)站中最重要的設(shè)計,用戶體驗舒適與否很大的決定權(quán)源自于此。對導航設(shè)計的最佳評價應該是“召之即來,揮之即去”。幽靈按鈕、漢堡圖標和無線框純文字設(shè)計都是好導航的常用設(shè)計手法。不需要的時候,導航只是個小小的漢堡圖標。展開之后,它是這樣的:也可以根據(jù)你的意愿讓它隨時消失。又或者展開前是如此低調(diào)的存在:打開后以色塊的形式呈現(xiàn),讓近視患者也能清楚的分辨。
十、減去頁面之間的相同存在!相同的部分在網(wǎng)頁設(shè)計中顯得毫無意義,不僅讓網(wǎng)頁邏輯變得繁雜瑣碎,更會讓用戶覺得反感。尤其在布局一致的情況下,內(nèi)容的差異化尤為重要。這些差異化可以從很多方面表現(xiàn)出來,比如色彩、文字、風格等等。
總結(jié):以上是我們?yōu)檎谂佑偷拇蠹铱偨Y(jié)的網(wǎng)頁UI設(shè)計法則,有可能你對上述內(nèi)容已經(jīng)聽聞過許多,但其中的意義還需要在實踐中漸漸摸索領(lǐng)悟。多多練習,根據(jù)設(shè)計環(huán)境不斷優(yōu)化自己的實戰(zhàn)經(jīng)驗,做一個機靈的設(shè)計師!