中字幕视频在线永久在线,最新免费av在线观看,最近免费mv在线观看,亚洲乱码一区av春药高潮,专区,国产激情毛片,国产成人

IT培訓(xùn)-高端面授IT培訓(xùn)機(jī)構(gòu)
云和教育:云和數(shù)據(jù)集團(tuán)高端IT職業(yè)教育品牌
  • 國(guó)家級(jí)
    全民數(shù)字素養(yǎng)與技能培訓(xùn)基地
  • 河南省
    第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
  • 鄭州市
    數(shù)字技能人才(碼農(nóng))培養(yǎng)評(píng)價(jià)聯(lián)盟

如何才能讓UI設(shè)計(jì)看起來(lái)“高大上”?

  • 發(fā)布時(shí)間:
    2019-03-14
  • 版權(quán)所有:
    云和教育
  • 分享:

設(shè)計(jì)師的兩大煩惱:無(wú)法掌控時(shí)間、怎么做都看起來(lái)不對(duì)勁。如果你發(fā)現(xiàn)自己做設(shè)計(jì)時(shí)常常把時(shí)間花在一些重復(fù)性很高、卻好像沒(méi)用到什么大腦的瑣事,那可能是你的方法或習(xí)慣有待改進(jìn);如果自己做出來(lái)的稿子怎么看好像都有哪里不對(duì),卻又說(shuō)不上來(lái),那可能是因?yàn)橛行┘?xì)節(jié)不小心被忽略掉了。今天,云和數(shù)據(jù)小編為大家總結(jié)了幾個(gè)在UI設(shè)計(jì)過(guò)程中非常有用的幾個(gè)小細(xì)節(jié),希望對(duì)大家有所幫助。

配圖1 UI設(shè)計(jì).jpg

1、尖角與圓角

配圖2 尖角與圓角.jpg

圓角更具親和力,尖角產(chǎn)生距離感;尖角更具權(quán)威感,圓角缺乏穩(wěn)重感.

2、箭頭的使用規(guī)律

配圖3 箭頭的使用規(guī)律.jpg

2.1右箭頭-進(jìn)入新頁(yè)面

右箭頭一般代表著跳轉(zhuǎn)到一個(gè)新的頁(yè)面,在界面設(shè)計(jì)中起到錦上添花的作用,雖然有很好的提示效果,但還是要慎用,避免過(guò)多的不必要的箭頭造成用戶(hù)的暈頭轉(zhuǎn)向。

2.2左箭頭-返回前一頁(yè)

左箭頭一般出現(xiàn)在頁(yè)面的左上角或左下角,起到返回前一個(gè)頁(yè)面的作用。當(dāng)然不太推薦設(shè)計(jì)師在這種用戶(hù)根深蒂固的操作習(xí)慣中做改變。

2.3上下箭頭-展開(kāi)與收起

2.4下箭頭一般在用戶(hù)界面中代表著“展開(kāi)全部”的意義,當(dāng)界面中信息過(guò)多需要隱藏而又不想讓用戶(hù)單獨(dú)跳頁(yè)面查看全部?jī)?nèi)容時(shí),展開(kāi)與收起功能成了最佳交互選擇。

2.5圓形箭頭-刷新、同步

一般圓形循環(huán)箭頭常見(jiàn)于刷新頁(yè)面或者換一-批內(nèi)容的操作。當(dāng)然還有用作同步消息記錄或者其它同步信息的按鈕。

3、投影的使用規(guī)律

配圖4 投影的使用規(guī)律.jpg

投影在界面設(shè)計(jì)中是一把雙刃劍,用得好,會(huì)讓界面多很多層次感,讓界面更生動(dòng)活潑,而用不好就會(huì)讓界面變得臟與躁。

3.1投影盡量不要使用純黑色

很多設(shè)計(jì)師喜歡把投影設(shè)定為黑色然后調(diào)整透明度,然而這樣很容易讓界面變臟,尤其背景有色彩傾向的時(shí)候。推薦的投影顏色是吸取背景色,然后把明度與純度降低一些即可,保留一些背景色的色彩傾向,可以讓整個(gè)畫(huà)面更和諧統(tǒng)一。

3.2根據(jù)不同情景選擇投影強(qiáng)度

一般界面設(shè)計(jì)時(shí)投影的強(qiáng)度都不會(huì)太重,彌散式投影就是其中常見(jiàn)的做法。而在做視覺(jué)banner或者H5時(shí),強(qiáng)烈的肯定的投影又成了一種特殊的視覺(jué)表現(xiàn)技法,這就需要設(shè)計(jì)根據(jù)不同的情境選擇投影的使用強(qiáng)度。

3.3投影的屬性要保持一致

注意單個(gè)產(chǎn)品中投影的屬性要保持一致,也不要在有投影的卡片,上再疊加新的投影卡片,否則會(huì)讓界面層次過(guò)多反而變得降低閱讀效率。

4、不同字體的性格及適用場(chǎng)景

配圖5 不同字體的性格及適用場(chǎng)景.jpg

4.1黑體

黑體特點(diǎn)是筆畫(huà)簡(jiǎn)單,橫直均勻,在電子屏幕內(nèi)較易識(shí)別并且充滿(mǎn)現(xiàn)代感,多用于電子屏幕內(nèi)的大篇幅正文。

4.2宋體與楷體

這兩種字體多用于中國(guó)風(fēng)或者復(fù)古風(fēng)格的營(yíng)造,不宜在電子屏幕內(nèi)大篇幅出現(xiàn)。

4.3圓體

圓體多了親和力卻少了幾分力道,多用于孩童類(lèi)產(chǎn)品或者青春少女派氣息營(yíng)造。

4.4書(shū)法體

書(shū)法體由于個(gè)人風(fēng)格成分過(guò)多,導(dǎo)致識(shí)別感較差,所以基本不用于篇幅文本甚至偏長(zhǎng)的標(biāo)題,多用于短標(biāo)題。

4.5特殊字體

配圖6 特殊字體.jpg

特殊字體本就容易引起視覺(jué)上的注意,過(guò)多的特殊字體會(huì)使頁(yè)面對(duì)比過(guò)多。在選擇字體的時(shí)候,多想想這里有必要使用特殊字體嗎?如果需要,需要什么類(lèi)型的字體?而不是為了改變字體而改變字體。

5、圖標(biāo)的表現(xiàn)形式

配圖7 圖標(biāo)的表現(xiàn)形式.jpg

5.1識(shí)別性

圖標(biāo)的存在的最大意義是為了增強(qiáng)用戶(hù)獲取信息的效率,如果畫(huà)出的圖標(biāo)僅僅追求輪廓或者形狀的美觀(guān)而失去了識(shí)別性,那么就有些本末倒置了。

5.2美觀(guān)性

保證識(shí)別性的前提下盡量的做到美觀(guān),是一名設(shè)計(jì)師的職責(zé)所在。單個(gè)圖標(biāo)的美觀(guān)除了常規(guī)的造型與配色之外,還要想清楚各個(gè)圖標(biāo)所要表達(dá)出的意義,每個(gè)圖標(biāo)符合自身的表意是美觀(guān)與否的重點(diǎn)所在。

5.3統(tǒng)一性

由于一個(gè)產(chǎn)品內(nèi)圖標(biāo)的數(shù)量較多,所以圖標(biāo)的統(tǒng)一性就顯得尤為重要。統(tǒng)一的圖標(biāo)可以提升產(chǎn)品的品質(zhì)感、信賴(lài)感,并且同一屬性的圖標(biāo)如果保持樣式上的統(tǒng)一可以降低用戶(hù)認(rèn)知成本,提升用戶(hù)的使用產(chǎn)品時(shí)的效率。

6、簡(jiǎn)化內(nèi)容

配圖8 簡(jiǎn)化內(nèi)容.jpg

界面呈現(xiàn)用戶(hù)用得上的功能、內(nèi)容,軟件界面上不是功能越多越好,簡(jiǎn)化功能,留下主要功能,按使用頻率留下常用功能即可,然后其他功能可以做引導(dǎo)到哪去使用等。

6.1簡(jiǎn)化操作

簡(jiǎn)化操作流程,簡(jiǎn)化注冊(cè)流程,現(xiàn)在越來(lái)越多的APP注冊(cè)、登錄開(kāi)始使用社交媒體登錄,界面直接提示QQ、微信、微博等授權(quán)登錄,既節(jié)省了注冊(cè)流程又方便用戶(hù)使用,APP也可以簡(jiǎn)化自己的注冊(cè)表單,而且充分利用社交媒體支付、分享等功能。

6.2減少輸入內(nèi)容

在一些輸入功能上盡量減少用戶(hù)輸入內(nèi)容,可以改用下拉選框等方便用戶(hù)操作。

6.3減少描述文字

簡(jiǎn)化內(nèi)容上還要注意簡(jiǎn)化文字,盡量減少文字描述,成段文字可以簡(jiǎn)化成分條羅列文字,簡(jiǎn)單清晰方便瀏覽。

配圖9 UI設(shè)計(jì)技巧.jpg

對(duì)于UI設(shè)計(jì)師而言,作品是最能體現(xiàn)設(shè)計(jì)師能力的,新手UI設(shè)計(jì)師更是要在學(xué)習(xí)的過(guò)程中多做項(xiàng)目積累經(jīng)驗(yàn)。快去試試上面所說(shuō)的這幾個(gè)技巧吧。