激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)師入門必收集內(nèi)容——弄懂這些細(xì)節(jié)問題，你才是好的設(shè)計(jì)師

發(fā)布時(shí)間：2024-04-02 19:24:16 瀏覽量：160次

UI設(shè)計(jì)師與平面設(shè)計(jì)師、美工有很大的不同，因?yàn)樗⒅亟换バ?，但與之相同的是，它們都注重用戶感受。

記得有人說過：設(shè)計(jì)產(chǎn)品的人是你，對(duì)產(chǎn)品美化體驗(yàn)的是你，如果你的設(shè)計(jì)和使用不再適用于用戶，他們可以毫不留情的轉(zhuǎn)向其他產(chǎn)品。

也就是說，用于商業(yè)的設(shè)計(jì)產(chǎn)品，不在乎你設(shè)計(jì)得多么漂亮，也不在乎你是否喜歡它，而是乎使用者的感受。下面我們就來說說UI設(shè)計(jì)中會(huì)涉及到一些細(xì)節(jié)問題，有些人很重視它，但有些人卻從來沒有察覺得到……

一、小小文案：用心良苦！

細(xì)微的文案，卻顯示出界面設(shè)計(jì)得是否很用心，精心出品者，看著順理成章。試看下面一張圖，您認(rèn)為有問題嗎？

文中使用了“如果我是超級(jí)英雄”和“你的興趣我懂的”，設(shè)計(jì)師在設(shè)計(jì)時(shí)，乍看沒問題，實(shí)則這種將用戶稱作“你”的同時(shí)又稱作“我”的做法，會(huì)給用戶一種割裂感，這里的用戶到底是“你”還是“我”？因此我們?cè)陧?yè)面設(shè)計(jì)時(shí)應(yīng)盡量避免人稱的干擾。

再譬如下面這個(gè)例子，微信上用了“你”，而京東上卻用了“您”，是否恰當(dāng)？

當(dāng)然如此大平臺(tái)，出錯(cuò)幾率是很小的，但“你”、“您”應(yīng)該在什么場(chǎng)合使用？我們細(xì)想，微信是社交平臺(tái)，它更像你的親密朋友、同事、戀人，沒有戀人會(huì)稱你是“您”的吧；而京東平臺(tái)則不同，他們對(duì)用戶是一種尊敬、尊重、珍視的態(tài)度，用戶即客戶，客戶即上帝，所以理所當(dāng)然用“您”。

二、顏色套路：為商家著想

有一種套路是設(shè)計(jì)師設(shè)計(jì)的，但沒辦法，人在江湖，身不由己，不過說實(shí)在，能設(shè)置套路的設(shè)計(jì)師確實(shí)為商家著想，應(yīng)重金聘用。

那么套路是怎么設(shè)置的呢？看下圖，某乘客選定了車票，妥妥的553元，但在添加乘客后卻變成593元，這多出來的40元是怎么來的？

這時(shí)你是不是有點(diǎn)明白，為什么UI設(shè)計(jì)師會(huì)把頁(yè)面的金額設(shè)計(jì)得比較小、同時(shí)又是灰色？為的正是讓用戶忽略它的存在！再細(xì)心查找，原來是這里添加了40元，看下圖。

同樣是小小的灰色，有些馬大哈直接就提交訂單付款了。

這里普及一下，UI設(shè)計(jì)師在制作產(chǎn)品、交互的時(shí)候，會(huì)通過研究用戶的行為習(xí)慣，設(shè)計(jì)能夠?qū)崿F(xiàn)產(chǎn)品目的的產(chǎn)品，設(shè)計(jì)中一般會(huì)用到視覺引導(dǎo)、心理誘導(dǎo)、交互認(rèn)知慣性等等技法。所以說，會(huì)用套路的設(shè)計(jì)師是高水平的設(shè)計(jì)師。

三、層級(jí)分類：能降低讀者的閱讀門檻

下面以我們較為熟悉的美團(tuán)外賣來說，美團(tuán)的feed頁(yè)面用不斷的標(biāo)簽將文字層級(jí)清晰地進(jìn)行分級(jí)，讓用戶得到自己想看到的信息。如下圖：

怎么用標(biāo)簽進(jìn)行層級(jí)分類，我們可以仔細(xì)看，色塊占比越大，飽和度、明度越高，標(biāo)簽的層級(jí)越高級(jí)、越鮮明，例如這里的層級(jí)關(guān)系就如下圖：

以此看來，不同類型的標(biāo)簽樣式可以做到很好的區(qū)分信息的層級(jí)，從而降低用戶的閱讀門檻。

四、視覺尺寸：多考量以便減少糟糕、突出重點(diǎn)

何謂視覺尺寸？例如長(zhǎng)寬400px的正方形與長(zhǎng)寬400px的圓形哪一個(gè)更大？答案應(yīng)該是一樣大的，但是看看下圖，你會(huì)認(rèn)為正方形的比較大，這是因?yàn)槲锢沓叽缗c視覺尺寸的不同。

在我們繪制icon時(shí)，當(dāng)然希望每個(gè)icon都一樣大，但是如果用物理尺寸來量度的話，icon看起來卻有大有小，亂七八糟的。所以，我們?cè)诶L制icon時(shí)，需要把這個(gè)視覺尺寸考慮進(jìn)去，視覺重量小的元素要放大，重量大的元素要縮小。

看下圖，其實(shí)下面的每一個(gè)圖標(biāo)的物理尺寸都不盡相同，但看起來卻全部一樣大。

好了，UI設(shè)計(jì)師需要考察的仔細(xì)處還有很多……同時(shí)還有很多設(shè)計(jì)規(guī)范也值得考究和收藏的，具體可以添加課程顧問微信索取。

只有用心設(shè)計(jì)的作品才會(huì)是用戶喜歡、受市場(chǎng)追捧的作品，用心設(shè)計(jì)，從細(xì)節(jié)開始……

本文來自廣州市寶比萬像職業(yè)培訓(xùn)學(xué)校，圖片來自公開平臺(tái)，如有侵權(quán)，請(qǐng)聯(lián)系刪除。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定