咨詢電話:024-31891684
design網(wǎng)站設(shè)計 |
design frontier設(shè)計前沿當(dāng)前位置:首頁>主要服務(wù)>網(wǎng)站設(shè)計>設(shè)計前沿網(wǎng)頁設(shè)計中的配色和排版問題詳解網(wǎng)頁設(shè)計中的配色和排版理論 ,其實尋找顏色,有時候可以很套路:1 、根據(jù)頁面風(fēng)格以及產(chǎn)品本身的訴求確定主色;2、根據(jù)主色找配色;3、調(diào)整色彩在頁面中的比例 。 首先說說找主色調(diào) ,關(guān)于找主色調(diào),我個人一直覺得顏色是有一定心理暗示的 ,最出名的例子就是麥當(dāng)勞 、肯德基這類快餐店不約而同的選擇了紅色作為主基調(diào),因為紅色有增進食欲的效果 。:紅色代表熱情 、革命和危險;綠色代表希望 、春天和環(huán)保 ;橙色代表活躍和快樂;紫色代表華麗 、妖艷 、神秘……如果有興趣的同學(xué),可以去找一些色彩心理學(xué)的資料稍微研究下 ,這里稍微提一些 ,僅供參考。 由于色彩本身心理暗示的作用 ,很多行業(yè)都有其行業(yè)色 ,比如商務(wù)/工業(yè)藍、環(huán)保綠之類的 ,當(dāng)做到某些特定行業(yè)時候 ,使用行業(yè)色作為主色調(diào)會是一個很保險的選擇。 當(dāng)然 ,在選擇主色調(diào)的時候還有其他一些因素要考慮 ,比如整個站點的美術(shù)效果、需要傳達的氛圍/感覺以及用戶觀感 。說到觀感 ,有一個很多設(shè)計師都不注意的問題:通常來說,顏色純度的顏色 ,從廣告效果上是好的,能夠一瞬間把用戶的眼睛吸引過來。但是不適合長時間瀏覽,長時間瀏覽純色的頁面 ,會產(chǎn)生視覺疲勞(有人說綠色是保護眼睛的顏色 ,但是事實上純綠色對眼睛的刺激也不小);顏色灰度偏高的顏色 ,雖然不是很醒目 ,但是有利于長時間的瀏覽,不容易產(chǎn)生視覺疲勞 。高調(diào)頁面(整個頁面調(diào)性偏白的那種) ,雖然看起來會有一種簡約干凈的感覺,但是由于顯示器不同 ,所以在部分電腦里 ,亮部容易沒有層次而顯得單薄 ;而以黑色深色為主的頁面 ,雖然整體把握比較容易,但是同樣的問題 ,暗部可能會損失層次 ,另外深沉的顏色使用不好會使頁面顯得沉悶。所以說 ,多從用戶的角度去考慮觀感的問題 ,被“飛機”的概率才會降低。 確定好主色之后就是配色 。配色的話 ,個人感覺不宜過多,對于初學(xué)者 ,最好別超過3種 ,實際情況是顏色太多不利于把握主調(diào)性,容易花 。關(guān)于配色,很多時候靠經(jīng)驗的積累 ,但是也不是完全沒有技巧:最簡單的方法是使用LOGO上本身的顏色搭配或者VI設(shè)計時候設(shè)定的標(biāo)準色 ,這樣的顏色搭配大多應(yīng)用在公司宣傳性網(wǎng)站,屬于比較偷懶的方法 ;第二種方法是挑選兩個色相色性相近的顏色(主要顏色) ,再選擇一個色相色性相對的顏色(輔助顏色),這樣的搭配大多數(shù)情況下屬于是比較合適 ;第三種是搭配消色 。 所謂的消色,就是指黑白灰(也有說是黑白金銀灰) ,這類顏色由于本身沒有色性 ,所以可以說是萬用搭配色 。當(dāng)然,說是說萬用搭配色 ,但是也是有一些需要注意的地方:首先 ,由于本身沒有色性,他們必須和色性比較強的顏色搭配會比較出效果 ;其次 ,消色與其他顏色搭配的時候,比例一定要控制好 ,尤其是灰色 ,灰色是一種很“高檔”的顏色,但是問題是使用的過多 ,會使得頁面灰蒙蒙沒有質(zhì)感 。 配色確定之后,就是調(diào)配顏色比例了 ,關(guān)于顏色比例方面 ,我覺得沒有什么特別好的規(guī)律,最好的方法就是做色彩小稿看效果 。當(dāng)然 ,你足夠自信的話,胸有成竹也是可以的 。 此外 ,還有一些特殊的顏色搭配:說到純色之間的搭配,有很多人會想到“紅配綠 ,大傻X”但是農(nóng)民畫當(dāng)中大量的使用紅配綠 。卻非常的有感覺,為什么呢 ?關(guān)于這個問題 ,我個人是這么感覺的(僅為個人見解),使用四至五種純色進行搭配的時候 ,基本上不用考慮顏色搭配的問題 ,如果略微有一些壓不住,用一點消色壓一下就OK了。類似情況的還有粉色和灰粉色,這類顏色由于本身含有消色,且調(diào)性都比較高,所以搭配起來會顯得非常的清爽。當(dāng)然,只要色相、純度、明度三個屬性中有一個屬性是基本相同或者接近,搭配起來基本上都不會覺得太牽強,只是相對而言之前提到的那幾種搭配是比較常見的而已 。 關(guān)于配色的就說這么多 。最后說一下,對于配色軟件之類 ,的確有可取之處 ,只是個人不建議用。配色軟件是死的 ,人是活的 ,習(xí)慣使用配色軟件之后,人就會產(chǎn)生惰性 ,設(shè)計也就變死了 。以上說的一些東西,只是我的一些個人經(jīng)驗 ,不完全正確 ,僅供參考。關(guān)于配色 ,感覺依然還是最關(guān)鍵的東西 ,同時多看好的作品,多關(guān)注生活中的設(shè)計才是正途 。 配色說完了說下排版 ,網(wǎng)頁設(shè)計的排版同平面印刷的排版是一脈相承的,所以對于網(wǎng)頁面設(shè)計排版的學(xué)習(xí)可以從平面媒體的排版設(shè)計開始 ,我最初接觸的排版方面的專業(yè)性書籍是《英國版式設(shè)計教程【高級版】》 ,很多理論對我后來有深遠的影響,建議想多排版有所了解的同學(xué)去看一下。當(dāng)然,雖然說,平面媒體的排版經(jīng)驗對于網(wǎng)頁設(shè)計的排版有所借鑒,但是由于載體的興致不同,所以還是有一些區(qū)別的,希望大家在學(xué)習(xí)之余有自己的思考。 網(wǎng)頁設(shè)計首先是要說整體的感覺,整個頁面的風(fēng)格氣氛需要自上而下一脈相承。不少人做頁面時候頭重腳輕,頭部做的很花哨,尾部就隨意的來一下,雖說從實際說的確頁面的頭部比較重要而尾部是不是那么重要,但是作為一個作品,這樣的觀念還是不大可取的。所以,作為設(shè)計者,心中必須確立這樣一個觀點,出現(xiàn)在頁面上的信息,都是有用的,都是有人看的,關(guān)注的人再少也不能馬虎,這是對自己的設(shè)計負責(zé),也是對觀看頁面的用戶負責(zé)。 頁面的整體感覺需要重視,但是同時網(wǎng)頁受限于瀏覽器,是通過自上而下滾動瀏覽的。所以呈現(xiàn)在用戶眼中的絕大多數(shù)是頁面的局部。不少設(shè)計師很注意考慮頁面的整體效果,卻比較少考慮滾動瀏覽時候每個瀏覽器截取片段的效果。網(wǎng)頁的排版同平面媒體的排版一樣,需要注意圖片文字標(biāo)題等元素在頁面上呈現(xiàn)的效果的平衡,但是網(wǎng)頁排版更需要注意的是一個動態(tài)的平衡,即無論頁面滾動到何位置 ,在瀏覽器中呈現(xiàn)出來的效果應(yīng)該都是至少讓人在視覺上“舒服”的 。 網(wǎng)頁設(shè)計排版與平面媒體排版最大的區(qū)別在于:網(wǎng)頁設(shè)計排版有很多交互性的功能和動態(tài)效果。所以排版的時候要考慮到更多的功能性需求以及動態(tài)的視覺效果。由于這么多的元素要排列在頁面上,所以頁面在排版的時候需要考慮的情況也多了,對頁面元素排列的邏輯性要求也相對高了不少。這個時候,最簡單的處理方法的就是假設(shè):假設(shè)用戶是你,你希望這個導(dǎo)航條在什么地方?通過什么樣的方式(靜態(tài)/動態(tài)?)展現(xiàn)你會覺得使用方便?假設(shè)你是后臺的管理者,你在實際操作后臺之后,會產(chǎn)生什么樣的問題?有什么好的解決方案?……這個在用戶體驗當(dāng)中叫做“假想用戶”,是比較常用的方法。 最后要說的是,關(guān)于排版(無論是平面設(shè)計排版還是網(wǎng)頁設(shè)計排版),最核心的成功元素是什么?是通過頁面的美術(shù)效果,引導(dǎo)用戶瀏覽信息,引導(dǎo)用戶進入頁面想帶給用戶的氛圍。所以最好的設(shè)計,應(yīng)該是“無設(shè)計”——請注意,“無設(shè)計”不是說沒有設(shè)計,而是整個設(shè)計渾然一體讓人感覺不到設(shè)計的痕跡。這樣的設(shè)計不會影響用戶對于信息的瀏覽,而且良好的排版層次會讓頁面的邏輯性更加明確,讓用戶產(chǎn)生良好的體驗,甚至可以通過設(shè)計中的一些技巧引導(dǎo)用戶主動去瀏覽頁面最主要想呈現(xiàn)給用戶的信息,只有做到這個程度才算是成功的排版。雖然說設(shè)計師最主要的工作是把頁面做的漂亮,但是希望大家不要忘記自己的設(shè)計最原始的用處是什么。 給新手寫的三篇文章已經(jīng)結(jié)束了,期間由于裝修耽擱了不少時間,手上的事情也有點多,看了不少設(shè)計師朋友的評論,大多數(shù)是鼓勵的,也有人覺得我在誤人子弟 ,或者說是嘩眾取寵的 ,對于這些批評,開始我也非常在意 ,但是想想之后 ,也就淡然了,畢竟 ,現(xiàn)在自己最主要的工作不是設(shè)計 ,只是一個旁觀者,之前的經(jīng)驗 ,有對的也有不對的 ,我只是來和大家分享的,至于大師什么的 ,自然不敢當(dāng) ,但是如果能對您有幫助,那我就會很高興了
。寫到這里我想說下
,新手最主要需要學(xué)習(xí)的不是理論,而是開拓眼界。多關(guān)注生活多生活,多關(guān)注身邊才是設(shè)計的本源。接下來,會針對一些頁面設(shè)計當(dāng)中的用戶體驗寫一些東西,希望大家能夠依然支持我。您的支持就是我寫下去的動力。 1
|
我們可以不賺錢
,也一定要將網(wǎng)站設(shè)計好!這就是易勢網(wǎng)站設(shè)計師存在于沈陽網(wǎng)站設(shè)計行業(yè)的意義!網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽易勢科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營銷公司 © 2011 , All rights reserved. 公司地址:沈陽市鐵西區(qū)貴和街道建設(shè)中路15號淺草綠閣商務(wù)樓402室
遼B2-20150173-8