可以在线看av的网站,洗澡BBWBBWBBWBBW毛,大屁股熟女一区二区三区,久久久亚洲精华液精华液精华液

歡迎來到海淘科技官網(wǎng) 官方微信 官方微博 平面活動官網(wǎng)
微信

網(wǎng)絡(luò)傳播媒介服務(wù)提供商

熱線電話

021-62677988

海淘新聞
首頁 > 新聞列表 > 17個提升用戶體驗的UI設(shè)計小Tips

17個提升用戶體驗的UI設(shè)計小Tips

發(fā)布時間: 2017-05-19 11:19

設(shè)計中有很多細微的東西要注意,就如UI設(shè)計中,元素的統(tǒng)一性,圖標風(fēng)格、段落的排版等等,只有能注意這些細節(jié),你的 APP UI 才算合格。

下面由設(shè)計師應(yīng)晝雨成總結(jié)了17個提升用戶體驗的 UI 設(shè)計小技巧,也是我們?nèi)粘S玫降暮芑镜募记?,對于新手UI設(shè)計師建議一看,注意案例中「對」與「錯」不是絕對的,僅用于參考作用。

01、圖標保持統(tǒng)一性


17個提升用戶體驗的UI設(shè)計小 Tips

圖標是UI設(shè)計里非常重要的模塊之一,最重要的一點是要保持風(fēng)格統(tǒng)一。

如果是填充型的圖標,那么一套設(shè)計里不要出現(xiàn)線性的圖標設(shè)計。

其次就是描邊大小的統(tǒng)一,定下了3px就要全套保持即可。

最后圖標要做到識別度和差異性。

02、字體運用保持統(tǒng)一


17個提升用戶體驗的UI設(shè)計小 Tips

字體合理運用是UI設(shè)計很重要的一點,要么字體很不相同,要么就用一款字體。

像第一個案例,字體字形比較接近,但是又不是一款字體,看久了會非常突兀。

其次就是要突出主視覺文案的時候,要盡量把輔助字體縮小,形成對比。

03?風(fēng)格保持統(tǒng)一性


17個提升用戶體驗的UI設(shè)計小 Tips

目前最流行的兩種設(shè)計方式,第一:扁平化 第二:卡片式。

卡片式最有意思的就是運用投影來模擬現(xiàn)實的距離感和層級。

如果選用卡片式的設(shè)計方式,那么全局盡量都要運用上投影效果,不要一塊卡片,一塊扁平,風(fēng)格保持統(tǒng)一很關(guān)鍵。

04、投影的合理運用


17個提升用戶體驗的UI設(shè)計小 Tips

投影選用的顏色正確和錯誤,直接拉低作品的品質(zhì)。

在工作中,按鈕等控件使用投影盡量用吸取工具,把主色調(diào)提取出來,把明度壓低一些,總這要保持同色系的投影,這樣才會符合視覺邏輯。

其次,如果按鈕上有文字,文字盡量不要純白,記得帶一些同色系的淡淡顏色。

05、圖片類APP排版突破


17個提升用戶體驗的UI設(shè)計小 Tips

規(guī)則是死的,人是活的。

很多時候,如果需求是比較寬且走文藝氣息的時候,要嘗試突破原則,用一些另類的排版方式,其實也是做好設(shè)計的本質(zhì)。

在圖片類app中,錯落一些的排版會使你的作品更有魅力。

06、適當留白


17個提升用戶體驗的UI設(shè)計小 Tips

好的設(shè)計,是在最少的元素下還能第一時間突出重點信息。

極簡是一種趨勢,你要減少不必要的元素,或者簡化元素。

不要想著把畫面撐滿就是好的設(shè)計,有時候,適當?shù)牧舭?,會給用戶呼吸的空間更重要。

07、正確使用文案


17個提升用戶體驗的UI設(shè)計小 Tips

如果經(jīng)常用第一種方式給客戶看稿件,那么你很難通過。

做方案時,文案符合標題或者產(chǎn)品主旨才行,其次就是上下間距一般是20-28,一般用24就夠。

千萬不要全部放無關(guān)的文案,很拉低你的設(shè)計水準。

08、輔助文字的運用


17個提升用戶體驗的UI設(shè)計小 Tips

輔助文字的合理運用,也是提升質(zhì)感和視覺的關(guān)鍵點。

如果有一個或者多個主要的視覺要素,那么輔助的文字大小盡量比主視覺要小,顏色要比主視覺淺。

比如主文字字號 24px,輔助視覺就要14-18左右即可。

09、輔助線段的作用


17個提升用戶體驗的UI設(shè)計小 Tips

線段的作用,主要是區(qū)分信息層級。

所以輔助線段一般采取淺色調(diào)處理,千萬不要過重會顯得很臟,拉低整體質(zhì)感。

10、引導(dǎo)頁風(fēng)格統(tǒng)一


17個提升用戶體驗的UI設(shè)計小 Tips

引導(dǎo)頁的作用,是引導(dǎo)用戶怎樣使用產(chǎn)品或者提醒更新內(nèi)容。

不能為了設(shè)計而設(shè)計,要把握住主題,針對主題進行圖標等元素設(shè)計;

比如新增查閱文件夾功能,那么就要根據(jù)文件夾,放大鏡等元素進行設(shè)計。

如果用一個掃描儀的元素肯定是錯誤的了。

其次就是風(fēng)格的統(tǒng)一,如果都是圖標,或者都是圖片,那么全套都要統(tǒng)一。

11、間距的統(tǒng)一性


17個提升用戶體驗的UI設(shè)計小 Tips

間距的統(tǒng)一性,是排版中時刻要注意的。

等距等比是保證界面干凈整齊的一個關(guān)鍵要素。

切記,要么處處一致,要么全都不一致。

12、顏色的合理性


17個提升用戶體驗的UI設(shè)計小 Tips

顏色的合理運用,是至關(guān)重要的。

一個app或者一個界面盡量要保證一個主色調(diào),一個輔色調(diào)即可。

不要出現(xiàn)干擾或者與主色調(diào)無關(guān)的顏色,這樣會導(dǎo)致用戶質(zhì)疑你到底是不是一款產(chǎn)品。

其次就是,想讓用戶點擊什么按鈕,那么取消按鈕最好弱化視覺。

13、輔助指引的運用


17個提升用戶體驗的UI設(shè)計小 Tips

這一點是很多人忽視的,一款好的設(shè)計或者好的產(chǎn)品,一定要做好輔助指引工作。

比如上面的兩個登陸界面,如果再輸入過程中有相應(yīng)的指引,那么會減少用戶出錯的幾率,也會減少來回點擊查看這個框是干什么的次數(shù),總之,指引很關(guān)鍵。

14、該突出就大膽突出


17個提升用戶體驗的UI設(shè)計小 Tips

很多時候,對比突出做到位了,才能讓用戶第一跟進來把注意力集中在一個點上。

比如上面第一個案例:沒有形成鮮明的對比,用戶進來就會不知道先把注意力集中在哪個點上,第二個是正確的作法。

15、讓用戶知道在什么位置


17個提升用戶體驗的UI設(shè)計小 Tips

用戶位置,是交互邏輯上很重要的一點。

你要讓當前位置足夠清晰,要一眼看到現(xiàn)在什么位置才是正確的,不要害怕對比過程,你要做的就是告訴用戶,我在這里。

16、根據(jù)閱讀順序做設(shè)計


17個提升用戶體驗的UI設(shè)計小 Tips

人的正常習(xí)慣閱讀順序是,從上而下,從左到右,所以在做某些需求的時候,需要考慮閱讀順序這個概念,要讓用戶最快的時間獲取到文字信息。

17、恰當跟隨漸變色趨勢


17個提升用戶體驗的UI設(shè)計小 Tips

總結(jié)

2017年自從淘寶ui改版后,漸變色又逐漸流行起來,但是也不能盲目跟隨,還是看產(chǎn)品主要氣質(zhì)。

其次就是運用漸變色彩不要跨色系,盡量同色系,根據(jù)明度的變化來調(diào)節(jié),太浮夸太夸張就是不適合的了。

這17個 UI 設(shè)計指南,都是設(shè)計界面的基本技巧,還有更多的細節(jié)要在項目時自己體會,這樣就會慢慢進步、提升了。

以上就是上海網(wǎng)站制作公司——海淘科技為你推出《17個提升用戶體驗的UI設(shè)計小Tips》的全部內(nèi)容。想看更多的內(nèi)容,可點擊:微博營銷怎么做,于此同時,海淘科技還提供了網(wǎng)站建設(shè)案例,可點擊:優(yōu)秀的金融行業(yè)網(wǎng)站設(shè)計欣賞

相關(guān)文章:

版權(quán)所有 @ 2007-2023上海海淘信息科技有限公司 滬ICP備11050025號-4