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

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

如何提煉APP UI設(shè)計(jì)氣質(zhì)

發(fā)布時(shí)間：2024-01-04 11:15:42 瀏覽量：193次

從邏輯層面來說，網(wǎng)站產(chǎn)品已經(jīng)摸索出穩(wěn)定的架構(gòu)和核心的功能并已被用戶所接受。這都為APP奠定品牌氣質(zhì)的前期工作省去了一些實(shí)驗(yàn)性的摸索過程。APP要做的就是將它以另一種形式呈現(xiàn)出來。

各位APP設(shè)計(jì)師親們，務(wù)必記住設(shè)計(jì)好APP的第一步：要學(xué)會(huì)提煉APP產(chǎn)品的品牌氣質(zhì)。

讓你的APP出身就要有一定的逼格和調(diào)性。

UI設(shè)計(jì)

  • 提煉產(chǎn)品的品牌氣質(zhì)的第一點(diǎn)，也是小編認(rèn)為特別在跨平臺(tái)設(shè)計(jì)時(shí)很重要的第一步。

    那就是什么是APP產(chǎn)品的品牌氣質(zhì)

UI設(shè)計(jì)

  • 舉例說明一下,比如：

    當(dāng)我們看一個(gè)人的時(shí)候，往往根據(jù)他的外表+內(nèi)涵，就會(huì)在你第一次與他見面后有一個(gè)特有的認(rèn)識(shí)，這就是人的氣質(zhì)。(當(dāng)然這是有一定閱歷的人才能判斷啊~剛步入社會(huì)的估計(jì)會(huì)差一些)

    移動(dòng)APP產(chǎn)品也是一樣，外表就是產(chǎn)品的視覺呈現(xiàn)，也就是這個(gè)產(chǎn)品直觀地看起來怎么樣;內(nèi)涵就是產(chǎn)品的內(nèi)容呈現(xiàn)，這和APP產(chǎn)品吸引來的用戶，以及他們?cè)谏厦姘l(fā)一些什么樣的內(nèi)容有關(guān)。

    下面我們來看看豆瓣APP和知乎APP：

UI設(shè)計(jì)

  • 以知乎APP和豆瓣APP為例子，他們都是小編認(rèn)為在產(chǎn)品氣質(zhì)上做得很好的。

    拋開運(yùn)營來說，這兩個(gè)產(chǎn)品的視覺呈現(xiàn)都和自己的氣質(zhì)非常貼切，對(duì)強(qiáng)化用戶對(duì)產(chǎn)品個(gè)性的認(rèn)知有很好的作用。

    知乎：藍(lán)白配色是很有科技感，也會(huì)顯得比較專業(yè)，文字都排布得很密，實(shí)際上并不是閱讀最舒適的狀態(tài)，但能呈現(xiàn)一種干貨，快節(jié)奏的感覺，這一點(diǎn)在新聞?lì)惖腶pp上會(huì)更加的明顯。

    豆瓣：一直都用綠色來營造一種文藝，清新的氛圍，它的排版就不會(huì)像知乎這么密集了，有很多的間距留白，也是會(huì)有更小資愜意的感覺。

    他們這種強(qiáng)烈的產(chǎn)品個(gè)性就會(huì)吸引到相應(yīng)風(fēng)格的用戶，從而共同營造出不同風(fēng)格的內(nèi)容氛圍。

    所以我們APP設(shè)計(jì)師要做的就是提煉出的產(chǎn)品氣質(zhì)轉(zhuǎn)化為具象化的視覺語言。

    那么我們從那幾個(gè)方面來轉(zhuǎn)化呢?

    先看看下圖所示：

UI設(shè)計(jì)

  • 配色是貫穿app始終的元素，是給人的第一印象：上面是簡書APP的案例

    1. 簡書一種純凈的白可以塑造出和網(wǎng)站一樣簡潔純凈的氛圍，點(diǎn)綴一些品牌色加強(qiáng)辨識(shí)度;

    2. 優(yōu)秀的字體能夠?yàn)橐豢钗淖诸悜?yīng)用增色不少，我們選擇了思源黑體，它很簡潔但仔細(xì)研究卻很精致，非常符合簡書的調(diào)性，也和適合長時(shí)間地閱讀;

    3. 沉浸式的閱讀需要舒適的閱讀狀態(tài)，將行高基本控制在1.5-1.7倍之間，我們并不希望新聞那種緊湊的，高效閱讀的感覺，更多是慢下來沉進(jìn)去地讀;

    4. 留白的優(yōu)雅，排版上也盡量拉開內(nèi)容之間的距離，稀松一些，留一些白，會(huì)顯得比較優(yōu)雅。

UI設(shè)計(jì)

  • 當(dāng)然，在向app的設(shè)計(jì)過程中，我們也會(huì)對(duì)產(chǎn)品的調(diào)性進(jìn)行一些優(yōu)化，就以icon為例子，這是過去的icon和現(xiàn)在的icon，我們用了純白底色降低品牌色的面積，我們重新設(shè)計(jì)了品牌字體，用了改良版的更優(yōu)雅的黑體替代之前的宋體，這都能使的簡書在原有的調(diào)性之上顯得更年輕和現(xiàn)代一點(diǎn)。

熱門課程推薦

熱門資訊

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

獲取驗(yàn)證碼
x

同學(xué)您好！

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