千鋒深圳校區(qū)ui設(shè)計(jì)分享:提升ui設(shè)計(jì)層次感的6個(gè)因素提升ui設(shè)計(jì)層次感有助于讓整個(gè)頁面對(duì)稱和平衡,同時(shí)有助于引導(dǎo)用戶把注意力
千鋒深圳校區(qū)ui設(shè)計(jì)分享:提升ui設(shè)計(jì)層次感的6個(gè)因素
提升ui設(shè)計(jì)層次感有助于讓整個(gè)頁面對(duì)稱和平衡,同時(shí)有助于引導(dǎo)用戶把注意力吸引放到重點(diǎn)內(nèi)容和信息上,減少用戶的閱讀障礙。今天千鋒小編就和大家說說提升ui設(shè)計(jì)層次感的6個(gè)因素。希望能對(duì)大家有所幫助。
一、顏色
顏色是設(shè)計(jì)的一個(gè)重要組成部分,即使是純黑、純白或是純灰這樣樸素的顏色都能讓你為之設(shè)計(jì)。顏色有許多屬性,它能夠影響到一個(gè)物體相對(duì)于另一個(gè)物體的視重,如飽和度、明暗度和色調(diào)。我們憑直覺感知到的大部分色重都是真實(shí)的,這種分辨能力似乎是與生俱來。比方說,飽和度高的顏色更容易受到關(guān)注。同樣的,淺色背景上深色也比淺色來得更具說服力。色調(diào)是顏色的一種屬性,而心理學(xué)家近才開始意識(shí)到它也分伯仲。除了色調(diào),顏色還有一些能夠明顯影響視重的屬性。例如,低飽和度的紅色視重更重,相對(duì)于-或是橘色也更具吸引力。
二、對(duì)比
對(duì)比是設(shè)計(jì)的一個(gè)重要組成部分,它能使一些功能在整個(gè)版面中脫穎而出。在同樣一張背景上,對(duì)比度高的比對(duì)比度低的元素看起來更加明顯。適當(dāng)使用對(duì)比可以維持視覺層次結(jié)構(gòu),增強(qiáng)可視性。若要使兩者在重量上達(dá)到相等,我們可以通過-因素,比方顏色、大小、復(fù)雜性等等。
三、明暗度
深色比淺色重。明暗度是調(diào)節(jié)設(shè)計(jì)整體平衡有力的工具。心理學(xué)家無法理解為什么我們看到深色會(huì)覺得比較重。在一項(xiàng)研究中,專家們發(fā)現(xiàn),大部分人都會(huì)覺得底部有深色陰影的圖片看起來更自然。重物在下輕者在上的放置方式是一種本能,這是模仿物理界中重力將重物拖至底部的原理。
四、大小
大小是影響視重非常明顯的一個(gè)因素,因?yàn)樵谖锢韺W(xué)中,假設(shè)兩個(gè)物體形狀相同,體積較大的物體會(huì)自然而然地讓人感覺更重,占用的空間也更大。如果一個(gè)物品是這項(xiàng)設(shè)計(jì)中的焦點(diǎn),那么果斷放大它!這就是為什么我們經(jīng)??吹接幸蝗涸貒@著一個(gè)超大的啟動(dòng)按鈕。他們是在試圖吸引用戶的注意力,以達(dá)到提高轉(zhuǎn)化率的目的。
五、比例和密度
在物理學(xué)中,密度高的物體比密度低、分散度高的更重。這個(gè)很容易做到,只要我們減少一堆物品間的空白間隙。
六、復(fù)雜程度
越復(fù)雜的形狀或圖案視重更重。一個(gè)簡單的物品相當(dāng)容易也更快能被理解?;谶@個(gè)原理,在商業(yè)設(shè)計(jì)中,我們可以適當(dāng)?shù)囟嗍褂脧?fù)雜的圖形圖案,因?yàn)樗麄兡芨^眾長時(shí)間的駐足觀賞。
千鋒教育ui設(shè)計(jì)教學(xué)大綱緊跟企業(yè)需求,講求以項(xiàng)目流程帶動(dòng)教學(xué)結(jié)果。聘請(qǐng)大型知名企業(yè)工作經(jīng)驗(yàn)豐富且教學(xué)質(zhì)量過硬的專業(yè)講師授課,在教學(xué)中融入工作經(jīng)典案例和行業(yè)前沿最新設(shè)計(jì)理念和需求,真正實(shí)現(xiàn)學(xué)生課堂到-實(shí)踐的學(xué)以致用,學(xué)習(xí)和工作的無縫對(duì)接。
千鋒深圳校區(qū):http://sz.mobiletrain.org/
深圳西部硅谷校區(qū)地址:深圳市寶安區(qū)寶安大道5010號(hào)深圳西部硅谷A區(qū)B座605-619
深圳大學(xué)城校區(qū)地址:深圳市南山區(qū)留仙大道1201號(hào)大學(xué)城創(chuàng)客小鎮(zhèn)16棟2樓、3樓
培訓(xùn)咨詢專線:0755-33582485-801(硅谷校區(qū))0755-86660670-801(大學(xué)城校區(qū))
咨詢熱線:4008119990
咨 詢 QQ : 1660794050
面授課程:全棧HTML5+培訓(xùn)、UI交互設(shè)計(jì)培訓(xùn)、PHP培訓(xùn)、Java+云數(shù)據(jù)培訓(xùn)、大數(shù)據(jù)開發(fā)培訓(xùn)、VR/AR/Unity游戲開發(fā)培訓(xùn)、Python培訓(xùn)、Linux云計(jì)算培訓(xùn)、全棧軟件測(cè)試培訓(xùn)、Android培訓(xùn)、iOS培訓(xùn)、好程序員
千鋒深圳校區(qū)ui設(shè)計(jì)分享:提升ui設(shè)計(jì)層次感的6個(gè)因素