提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!
當我在大學學習視覺傳達設計時,我著迷于設計師讓人們以某種方式思考,感受和行動的力量。
在作為產(chǎn)品和UX設計師幫助產(chǎn)品擴展到數(shù)以百萬計的用戶并實現(xiàn)收入的十年后,我仍然使用在我頭幾年學到的許多基本課程--檢查形狀,布局,并思考版式如何影響使用我的產(chǎn)品的用戶。我們都聽說過形狀,線條等視覺設計元素,并且已經(jīng)將諸如對比度,強調(diào),節(jié)奏等原理付諸實踐。
現(xiàn)在讓我們來了解下,用戶體驗設計師應了解的6條視覺設計原則,到底是什么?
1.重力
重力適用于對象和形狀,即使在視覺傳達中也是如此。聽起來可能很奇怪-重力并不像現(xiàn)實生活中那樣是一種真正的力量將二維物體向下拉。
但是引力深深地扎根于我們對現(xiàn)實的感知之中,以至于它甚至可以轉(zhuǎn)換為頁面上的二維物體。以下面的圖片為例。好像你正在等待頂部的圓圈隨時掉落一樣,應該會感到有點不舒服。
現(xiàn)在看下面的這張圖片-相反。
這種構(gòu)圖應該不像要掉落的球,而更像是一個物體只是停留在頁面底部,接地,平靜的。
當你設計頂部的視覺重物可能會感到不舒服并感到焦慮時,要有意識和認知(當然,除非你要傳達這種感覺)。
2.閱讀方向
我們從左到右,從上到下閱讀。因此,左側(cè)的對象被視為進入,而右側(cè)的對象被視為離開。
這是左邊的圓圈。同樣,因為我們從左到右閱讀,所以圓感覺就像是進入了畫面。在下面,圓圈感覺像在退出。
你也可以使用它來傳達某些情緒。例如,想讓一個物體看起來像在偷窺嗎?你可以創(chuàng)建如下所示的構(gòu)圖:
或者相反,傳達一個逃跑的對象(或角色)。
3.閱讀優(yōu)先
因為我們從左到右從上到下閱讀,所以我們自然會先看到左上角的對象,然后我們的眼睛自然會移到右下角,然后再看那里的東西。
這很重要,因為如果你嘗試創(chuàng)建視覺層次結(jié)構(gòu)(也許你希望用戶先看到標題,然后再看到內(nèi)容),則在放置事物的地方,即使它們的形狀/顏色/大小相同,也確實可以有所不同。
請在以下示例中:
4.視覺張力
我曾經(jīng)把這種描述形容為身體張力的轉(zhuǎn)化和放大。當你看到一桌裝滿液體的杯子坐在桌子邊緣時,就會有這種感覺。
通常,視覺張力只是無意識的--設計師沒有意識到他們不小心將形狀彼此相鄰,從而在不知不覺中產(chǎn)生了張力??匆幌孪旅娴膱D片:
感到不舒服嗎?以下是所有突出顯示的張力點。
如果你有意,可以使用視覺張力吸引用戶的眼睛并產(chǎn)生焦慮感。也許你正在設計用于抗議的海報,或者你想將某人的注意力集中在某物上。在這些情況下,請確保你的緊張情緒是故意的,不會像看起來的錯誤那樣消失。
這是相同的構(gòu)圖,其中的張力集中在特定的位置,并且有意將其放在特定的位置。
5.動態(tài)與靜態(tài)
靜態(tài)成分經(jīng)常會讓人感到無聊。給它添加香料并使它更令人興奮的一種簡單方法是簡單地傾斜地平線。這是一個感覺陳舊的靜態(tài)圖像的示例。
現(xiàn)在傾斜地平線,突然之間,城市景觀看起來更加令人興奮。
為了使構(gòu)圖更加生動有趣,你可以利用3點透視圖:
6.激活負空間
你可以使用方向性形狀激活負空間。負空間保持不活動狀態(tài)。畫一個箭頭形狀,可以引起你的注意,然后向右上移動視覺。
問題是,當你視覺到達頁面右上角時,你的注意力可能會消失。你的視覺移過對象,但那里的空間太大,而來自圖形的方向力也太小,你的注意會轉(zhuǎn)移。該空間保持不活動狀態(tài)。但是,通過一些裁剪/縮放:
突然之間,形狀周圍的空間看起來既有意圖又活躍。如果你要移動某人的視線,請注意不活動的負空間。一個簡單的技巧是用手指指向該對象,沿眼睛自然移動的方向移動,并注意你的注意力自然下降的位置。如果那是你想要的方式,則需要調(diào)整布局(形狀或邊界)以使該負空間保持活動狀態(tài)。
這六個方式,你學到了嗎?
Powered by Froala Editor
微信公眾號:設計文
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊