視覺設計的6個基本功

2021-08-21 12:01:49 字數 1049 閱讀 7777

主次,對比,相似性,分層,配色和排版是視覺設計的基本功

1.主次

頁面需要完成的非常重要的功能或內容要放在頁面的顯著的位置。越重要的內容,放的位置就越要明顯;比較重要的功能或內容,就放在比較顯著的位置,不重要的功能或內容,就放在不顯著的地方。這就是頁面的主次關係。不要

產品頁面如何布局,如何展示會直接影響使用者使用產品的便捷性。有主由次的布局總會讓使用者在短時間內發現自己需要的核心功能或內容;主次顛倒的布局總會導致使用者費勁尋找,甚至找了很久都沒有找到自己想要的,然後就離開了。這樣的設計使用者流失的可能性非常大

使用者在使用產品時,通常都是掃瞄型瀏覽,即迅速捕捉對自己有用的資訊,不會花費太多的時間停留在頁面上,如果花的時間太長,還沒有捕捉到有用的資訊,使用者會很失望,從而選擇離開頁面。因此,頁面布局的重點是體現產品的核心功能和內容,核心功能或內容顯示在關鍵的位置,以便使用者在最短的時間內找到自己想要的有用資訊,完成任務

2.對比

生活中常說,紅花需要綠葉的陪襯,這樣才更能凸顯紅花的漂亮,這就是對比關係。重要的功能或內容通過不重要的功能或內容的陪襯,會顯得更加重要。介面中的元素要形成對雙滿足了兩種需要;首先,將介面中主動的,可操作的介面元素與被動的,不可操作的介面元素進行對比;其次,對主動元素的不同邏輯集合進行對比,以更好地表達它們的不同功能,應避免無目的的或者盲目機械地使用對比,因為使用者對幾乎相同的結果會感到迷惑不解。正確使用對比會產生使用者能夠記住和識別的視覺模式,使使用者更快找到放下,對比也是一種突出介面視覺層次關係中元素地位的手段,換句話說,對比是功能和行為的表達工具

3.相似性

相似性指的是相近,相關聯的功能或內容要放在一起,使用的樣式也要相似

4.分層

根據每個元素的視覺提示或主動元素所在的背景進行分層也是組織介面的一種方式。顏色視覺屬性和大小視覺屬性控制了對分層的理解,例如,深色,冷色調,不飽和色視覺層次下降;相反,亮色,暖色,飽和視覺層次上公升。大的元素層次高,而小的元素層次低。位置上相互重疊的元素也許是視覺上分層最直接的例子

層間的差異要最大化,而同層各條目間的差異要最小化

5.配色

配色要有層次感

6.排版

排版具有三個要素:分割,區塊和強調。

第43件事 視覺設計的6個基本功

要提公升視覺設計的審美能力,色彩搭配方面建議讀 寫給大家看的色彩書 提高一下色彩搭配的敏感度。當然了,也打算講講視覺設計方面的基礎知識。主次 對比 相似性 分層 配色和排版是視覺設計的基本功。1.主次 頁面需要完成的非常重要的功能或內容要放在頁面顯著的位置。越重要的內容,放的位置就越要明顯 比較重要...

平面設計的基本功

昨天下午,北服 佛萊士國際學院電腦美術設計專業的五位應屆畢業生來工作室參觀。他們中可能會有一或二位學生在今後的三個月裡來工作室實習。這五位青年的導師詹姆士 james blair thompson 希望他們在今後的工作中能繼續學習到有關設計的實用知識。五位青年對工作室很感興趣,東瞧西看了一大陣子,最...

平面設計的基本功

昨天下午,北服 佛萊士國際學院電腦美術設計專業的五位應屆畢業生來工作室參觀。他們中可能會有一或二位學生在今後的三個月裡來工作室實習。這五位青年的導師詹姆士 james blair thompson 希望他們在今後的工作中能繼續學習到有關設計的實用知識。五位青年對工作室很感興趣,東瞧西看了一大陣子,最...