設計中,如何安排視覺上的優先順序?

時間 2021-05-12 05:20:53

1樓:小湫

從設計的角度來看,視覺上的優先順序是根據資訊的優先順序來定的,而資訊優先順序就是根據你的目標確定的。

在設計前,可以問問自己:

我設計這個東西的目標是什麼?我希望使用者看到的是什麼內容?

而從題主的描述看:

你跟你同事的目標就不一致,你的目標側重於讓使用者知道,你們推出了乙個新的版塊,然後吸引使用者進一步去關注內容;而你同事側重的是長期性的資訊板塊設計。明顯的,前者的重點是推廣新版塊,而後者考慮的更多常態下的資訊布局。

建議:分兩步走:

1、前期重點推廣「周話題」這個主題,內容可以是關於周話題的介紹,然後引出一些話題;

2、展示話題主題為主,周話題,只需簡單的貼個標籤,讓使用者知道就好。

%>_<%,感覺描述起來很困難啊,不廢話了,來個簡單粗暴點的,上圖:

2樓:知名不具

作為乙個膚淺的建築人來告訴你,看到第乙個方案我會馬上想進去看一下。

但是看到第二個方案,會看到,周話題?這是什麼東西?感覺好像每週搞乙個的什麼無意義的野生文章?過了。不看。

3樓:

必然是第一種啊。

說句不好聽的,周話題就是無用的廢話,有幾個人關心你是周話題還是月話題?正常人關心的都是內容好不好,文章有沒有乾貨,文章主題是不是我感興趣的。當然要把文章的標題和簡介放在最顯眼的位置。

4樓:

我覺得你可能選錯了視覺優先元素。。。

另外有時候吸引眼球的元素和視覺優先元素並不是同乙個,即使你把所有元素按視覺優先順序安排好,卻沒有乙個一眼就能吸引人的亮點,所以得到的結果反而並不是很理想。

5樓:

如果周話題本身是乙個辨識度高的品牌,適當突出無可厚非。但是在你這個例子中,周話題不好看也不出名,除了大點,沒什麼能吸引人的了。想達到你說的吸引眼球的效果,換成周星馳可能會好一些。

題主去翻翻時尚雜誌,那些雜誌的品牌夠響亮了吧,為什麼封面上的模特經常會擋著他們雜誌的LOGO呢?你感受一下。

6樓:

題主你的思路是對的,但是你的結果跟你的思路完全不符,你也沒有理解重點在哪兒裡。重點是周話題這三個字,還是話題的內容。。。

另外,看了題主的圖,開始明白ui設計師為什麼越來越值錢了。。。

7樓:劉小敏

你同事是對的。

觀眾的邏輯跟你不一樣,觀眾才不管你是什麼周話題日話題秒話題,吸引人的永遠是內容。內容有趣,多看一眼,內不感興趣,馬上pass。

設計重點、焦點位置、排版結構,都是為內容服務的,不能捨本逐末。

你說你的字寫在那裡怎麼可能不看,我跟你說,還真不看。

不信?讀到這裡,我名字下面那個簽名,你看了嗎?

無關設計,無關美感。就是對大眾的認知。

下面我們從設計的角度來講,在考慮資訊的優先順序的時候我們要考慮的是兩個問題:

什麼樣的資訊需要更高優先順序?

高優先順序要用怎樣的表達方式?上面回答了第乙個問題,觀眾更關心的、更能勾起興趣的、閱讀頻次更高的、具有更高權重的資訊,要放在第一優先順序。下面回答第二個問題,怎樣表達:

還是以題主的問題為例:

位置。很明顯,題主做了三個分割槽,按照題主的分割槽結構,我們可以看到:按照位置優先順序排布資訊優先順序,如下:

配色。亮色優先順序大於暗色,但與兩種顏色結合,高對比大於低對比。題主的例子中說的是建築人,我很認真的想了一下,腦海中浮現出這樣一幅畫面:

( ̄◇ ̄;) 不好意思圖有點大……所以……就用黃色和灰色啦!

文字形式。我們知道,大號字大於小號字,粗體大於細體,強色大於弱色,動態大於靜態,有特效大於沒特效。但有時候不同資訊各有其重要之處,這時候就要進行優先順序的調和:

強色細字對弱色粗字,小號粗體對大號細體,弱色特效對強色無特效,如:文字形式的選擇取決於資訊內容的從屬關係,是更強烈還是更調和?一方從屬於另一方還是二者平級?

不同的關係,對應不同的對比形式。所以把字型處理一下之後就有了下圖:

基本就OK啦~來,現在跟我默念設計的四個基本要素是什麼來著?重複、對比、親密、對齊是吧,檢查一下四個地方有沒有不滿足的,然後再插張圖,加一點小特效:

儲存,收工!

就這樣,一張沒什麼想法沒什麼創意,但是逼格和功能性都十足的設計圖就出爐啦,現已加入十分鐘搞定工作系列,日常交差、應付產品經理什麼的,so easy o(≧▽≦)o ~

8樓:Myfeel麥蕙

其實你已有答案,只不過需要說服你的同事罷了,那為什麼作為專業設計師,你需要說服他,而不是他聽你的專業意見呢?也就是如果你的專業輾壓他的提建議的慾望,則啥事沒有。

1、資訊的排列,其實沒有高低之分,你和你同事的都OK,但分析實際情況後答案就會明晰:在周話題還未形成品牌的時候,你必須用話題本身來吸引受眾。如果周話題的品牌已經形成,受眾都知道每週周話題質量高,則需要突出周話題欄目名,顯然,你們的周話題還沒有形成品牌,所以第乙個要好些。

這個是資訊。

2、這兩個設計都不好,什麼是好?受眾看到這個畫面的時候,就能直觀感覺到這個活動的「氣質」,(手機答的,有空補圖)其二,資訊單純簡潔,底下的那些類底紋可以刪了。其三,字型很重要,手寫體的好處是,它似乎帶有寫字人的情感與溫度,但只限於手寫體,電腦字型嚴謹正式,但你現在選的字型介於手寫體和電腦字型之間,很少有資深設計師用這些字型。

3、可以加一些色彩

我下地鐵了回頭聊

房屋裝修設計上的空間視覺效果來看, 如何從視覺上使房子看起來比較大

這是做得一些筆記。首先,梁 柱 地板 牆和天花確定我們對室內空間的感知,所以儘量減少對這些面的改造。例如天花不要太矮。忌混亂 什麼都有,而且太多,會顯得空間狹小,瑣碎的東西不要太多。少即是多 家具會起到一種,分割空間的效果。小空間要注意這個問題,家具少,自然感覺空間大。模糊界限 舉個例子,假如把全屋...

如何安排管理生活中的小事?

雲悠水澈 我是用思事日程筆記,有清單日程功能,不能馬上做的,就計入清單,設個時間,這樣在今天的列表中就會提示自己。乙個今天的清單放到桌面,很直觀的就看到,像便簽一樣,就不會忘了。來自思事日程筆記 張三瘋了 刻意的去管理生活,會失去很多樂趣。就像我不會刻意的告訴自己不要去想她,刻意給自己一堆理由來證明...

作為資深的視覺設計師如何正確的提高關於使用者體驗 互動設計 方面的理論水平

柴林 1.講真,我不認為目前存在明確 實用而又通用的互動設計理論 如果要學習理論,我建議研讀諾曼博士的 設計心理學1 2如何管理複雜 3情感設計 諾曼博士的研究和理論是目前所有設計方法以及應用層面理論的根源所在。而像位列各個推薦書單的 about face 互動設計精髓 那麼厚那麼重的一本書,我反而...