海淘科技為你整理的文章：網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)上的優(yōu)先級(jí)設(shè)計(jì)
不知道搞設(shè)計(jì)的人怎么看,在設(shè)計(jì)上,視覺(jué)上的優(yōu)先級(jí)是怎么安排的?如果可以希望...還是要放在環(huán)境中的啊,對(duì)比一下你自己做在網(wǎng)頁(yè)上呈現(xiàn)出來(lái)的效果。先申明一下，這個(gè)周話題是新開(kāi)的一個(gè)版塊，所以呢?需要有一個(gè)圖片來(lái)輔助推廣，同事們都覺(jué)得第一種合適，突出每周要討論的話題內(nèi)容才是最重點(diǎn)的地方。而我的觀點(diǎn)是先關(guān)鍵字吸引讀者，我的考慮是每期的話題可能字?jǐn)?shù)多一點(diǎn)，所以顯示起來(lái)就完全沒(méi)有了一種重點(diǎn)感，所以我覺(jué)得吸引眼球還是第一位。而且頁(yè)面的字?jǐn)?shù)那么少，我覺(jué)得是不會(huì)影響到用戶看到討論的話題，可是同事說(shuō)，如果看到大標(biāo)題之后，小標(biāo)題看都不會(huì)看，我在寫，怎么可能不看。除非這個(gè)人是個(gè)腦殘。因?yàn)閹讉€(gè)同事都認(rèn)為前者更好一點(diǎn)，所以我目前是妥協(xié)的。但是我還是覺(jué)得關(guān)鍵字抓取很重要。不知道搞設(shè)計(jì)的人怎么看，在設(shè)計(jì)上，視覺(jué)上的優(yōu)先級(jí)是怎么安排的?如果可以希望得到指點(diǎn)，分享!
觀眾的邏輯跟你不一樣，觀眾才不管你是什么周話題日話題秒話題，吸引人的永遠(yuǎn)是內(nèi)容。內(nèi)容有趣，多看一眼，內(nèi)不感興趣，馬上pass。
設(shè)計(jì)重點(diǎn)、焦點(diǎn)位置、排版結(jié)構(gòu)，都是為內(nèi)容服務(wù)的，不能舍本逐末。你說(shuō)你的字寫在那里怎么可能不看，我跟你說(shuō)，還真不看。不信?無(wú)關(guān)設(shè)計(jì)，無(wú)關(guān)美感。就是對(duì)大眾的認(rèn)知。下面我們從設(shè)計(jì)的角度來(lái)講，在考慮信息的優(yōu)先級(jí)的時(shí)候我們要考慮的是兩個(gè)問(wèn)題：
上面回答了第一個(gè)問(wèn)題，觀眾更關(guān)心的、更能勾起興趣的、閱讀頻次更高的、具有更高權(quán)重的信息，要放在第一優(yōu)先級(jí)。下面回答第二個(gè)問(wèn)題，怎樣表達(dá)：
還是以題主的問(wèn)題為例:
位置。很明顯，題主做了三個(gè)分區(qū)，按照題主的分區(qū)結(jié)構(gòu)，我們可以看到網(wǎng)頁(yè)設(shè)計(jì)：
按照位置優(yōu)先級(jí)排布信息優(yōu)先級(jí)，如下：
配色。亮色優(yōu)先級(jí)大于暗色，但與兩種顏色結(jié)合，高對(duì)比大于低對(duì)比。題主的例子中說(shuō)的是建筑人，我很認(rèn)真的想了一下，腦海中浮現(xiàn)出這樣一幅畫面：
(￣◇￣;) 不好意思圖有點(diǎn)大……所以……就用黃色和灰色啦!
文字形式。我們知道，大號(hào)字大于小號(hào)字，粗體大于細(xì)體，強(qiáng)色大于弱色，動(dòng)態(tài)大于靜態(tài)，有特效大于沒(méi)特效。但有時(shí)候不同信息各有其重要之處，這時(shí)候就要進(jìn)行優(yōu)先級(jí)的調(diào)和：
字對(duì)弱色粗字，小號(hào)粗體對(duì)大號(hào)細(xì)體，弱色特效對(duì)強(qiáng)色無(wú)特效，如：
文字形式的選擇取決于信息內(nèi)容的從屬關(guān)系，是更強(qiáng)烈還是更調(diào)和?一方從屬于另一方還是二者平級(jí)?不同的關(guān)系，對(duì)應(yīng)不同的對(duì)比形式。所以把字體處理一下之后就有了下圖：
基本就OK啦～來(lái)，現(xiàn)在跟我默念設(shè)計(jì)的四個(gè)基本要素是什么來(lái)著?重復(fù)、對(duì)比、親密、對(duì)齊是吧，檢查一下四個(gè)地方有沒(méi)有不滿足的，然后再插張圖，加一點(diǎn)小特效：
保存，收工!
就這樣，一張沒(méi)什么想法沒(méi)什么創(chuàng)意，但是逼格和功能性都十足的設(shè)計(jì)圖就出爐啦，現(xiàn)已加入十分鐘搞定工作系列。
海淘科技還為你準(zhǔn)備了，MBE風(fēng)格圖標(biāo)設(shè)計(jì)資訊，點(diǎn)擊可直接跳轉(zhuǎn)。
文章來(lái)源：知乎
