<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 小米圖標(biāo)設(shè)計背后的思考!

    2023-2-16    濤濤

    借此機會和大家交流一下項目背后的思考,共同進(jìn)步!



    我將從以下幾個方面進(jìn)行講解:

    01 對于理念的思考

    02 關(guān)于風(fēng)格的思考

    03 關(guān)于背景的思考

    04 關(guān)于材質(zhì)的思考

    01 關(guān)于理念的思考-源自生活的靈感來源

    對于本次設(shè)計,需求方是沒有給主題限制的,那作為設(shè)計師的我就從自身現(xiàn)階段的生活去發(fā)現(xiàn)主題、尋找靈感。 從深圳到成都創(chuàng)業(yè),將近一年的時間,我發(fā)現(xiàn)成都的天氣總是陰沉沉的:



    充足的陽光變得非常稀缺,對于成都人來說,如果有陽光的時候,都會去外面坐坐,曬曬太陽! 這一年,“光”對我說是一種期盼的事物:



    基于這個生活細(xì)節(jié),我就把主題定成了“追光空間”而我對于“追光空間”的理解就是:光感、純凈、靈動



    后面的執(zhí)行也是基于這個理念進(jìn)行思考創(chuàng)新的!

    02 關(guān)于風(fēng)格的思考-找到未被發(fā)現(xiàn)的切入點

    有了主題,就可以基于主題去思考設(shè)計風(fēng)格了。

    其實主題圖標(biāo)的設(shè)計其實已經(jīng)有很多年頭了,尤其是“app”這個概念流行開始,各大安卓手機品牌就有了自己的主題商店,用戶可以根據(jù)喜好下載自己喜歡的主題圖標(biāo)。 我們在網(wǎng)上搜索主題圖標(biāo),可以看到很多作品,其中不乏有非常優(yōu)秀的主題作品,但是當(dāng)觀察的量到達(dá)一定程度后,會發(fā)現(xiàn)市面上的主題圖標(biāo)風(fēng)格還是比較相似,大部分還都是屬于二維圖標(biāo)(下圖源自網(wǎng)絡(luò)):



    即使是一些質(zhì)感很強的圖標(biāo),很多也是鼠繪出來的,也不算是3D風(fēng)格(下圖源自7years):



    包括我們?nèi)ツ杲o小米做的幾套主題,也都是偏2維風(fēng)格的





    基于這樣的現(xiàn)象,我們是否可以嘗試將3d風(fēng)格與主題圖標(biāo)進(jìn)行融合呢?雖然不能說是第一個這么做的,但至少在市面上出現(xiàn)的這種結(jié)合還是相對較少,所以也可以算是一種小的創(chuàng)新。

    在構(gòu)想風(fēng)格的時候,我的底層邏輯就是找到未被發(fā)現(xiàn)的切入點,如何理解呢?

    如果是3d風(fēng)格與電商活動結(jié)合,已經(jīng)相對常見了(下圖源自網(wǎng)絡(luò)):



    如果是3d風(fēng)格與游戲視覺結(jié)合,也經(jīng)常會看到(下圖源自網(wǎng)絡(luò)):



    但是如果是3d風(fēng)格與主題圖標(biāo)結(jié)合并且落地使用,那還是相對比較少的,這就是我在思考風(fēng)格時候的一點心得:



    希望可以給同行們一點啟發(fā),拋磚引玉,希望市面上可以看到更多的3d風(fēng)格的主題圖標(biāo)!

    03 關(guān)于背景的思考-基礎(chǔ)形的美感釋放

    這次的主題和以往不一樣,我們每做一個圖標(biāo)需要延展4個尺寸:



    有一些寬的、有一些高的,如果我們只放一個圖標(biāo),那么會比較空曠,不夠飽滿,所以我們必須在背景上加一些圖案或者紋理,使整體更加飽滿精致。

    背景紋理怎么做呢?我們希望它有細(xì)節(jié)但又不能過于搶眼,于是把目光鎖定在了基礎(chǔ)形狀上面,比如方形、圓形、三角形等等:




    鎖定基礎(chǔ)形之后,就需要在基礎(chǔ)形之上融入更多的設(shè)計思考,比如風(fēng)格的結(jié)合,因為整體是3d風(fēng)格,所以背景也可以是3d化的基礎(chǔ)形白膜:



    除此之外,我們需要將圖形進(jìn)行構(gòu)成設(shè)計,以不同的節(jié)奏和位置使其產(chǎn)生不同的美感,把基礎(chǔ)美多維度的釋放出來,比如矩形的基礎(chǔ)元素進(jìn)行構(gòu)成設(shè)計:



    這樣,就可以做出不同的背景圖案,以此來解決需求目標(biāo)。

    設(shè)計師一定不要輕視基礎(chǔ),不管是技法層面還是審美層面,往往優(yōu)秀的設(shè)計都是無數(shù)個“基礎(chǔ)”堆出來的,先掌握基礎(chǔ),才能用“基礎(chǔ)”釋放更大的能量!

    04 關(guān)于材質(zhì)的思考-日光下的玻璃質(zhì)感結(jié)合

    其實本次的材質(zhì),也不算難,沒有用到特殊材質(zhì),主要有兩個關(guān)鍵點可以分享交流!

    關(guān)于燈光

    燈光我們使用的是日光燈,從軟件操作層面沒有任何技術(shù)含量,但是對于基礎(chǔ)審美會有一定的門檻,尤其是對于明暗交界線、光影對比的理解!

    燈光的不同位置和大小會導(dǎo)致光影質(zhì)感的不同:

    燈光曝光:



    質(zhì)感太平:



    物體與背景區(qū)分度不夠:



    同樣的物體,不同的燈光角度和大小就會有不同的質(zhì)量等級:



    只有這種基礎(chǔ)審美達(dá)標(biāo)后,我們才能繼續(xù)往后延伸。

    關(guān)于材質(zhì)

    對于材質(zhì),最初我們嘗試用最簡單的漫射材質(zhì),但是發(fā)現(xiàn)缺少光澤度和細(xì)節(jié),于是又嘗試在外部加一層玻璃材質(zhì),形成一圈透明質(zhì)感和細(xì)節(jié):



    后面大部分的圖標(biāo)都采用這種形式進(jìn)行延展!



    以上就是這次項目背后的一些思考



    共勉!


    作者:小腦府設(shè)計團隊
    鏈接:https://www.zcool.com.cn/article/ZMTUxMzkzMg==.html
    來源:站酷

    藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。

    分享此文一切功德,皆悉回向給文章原作者及眾讀者.
    免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

    藍(lán)藍(lán)設(shè)計www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

                               

    日歷

    鏈接

    個人資料

    存檔

    主站蜘蛛池模板: 亚洲欧美日韩久久精品第一区| 国产一区二区精品久久凹凸| 国产精品无码DVD在线观看| 亚洲国产精品成人精品无码区在线 | 久久精品aⅴ无码中文字字幕重口| 成人区精品一区二区不卡| 最新国产在线精品观看| 国内精品久久久久久麻豆| 3D动漫精品一区二区三区| 日韩人妻精品一区二区三区视频| 欧美精品人人做人人爱视频| 国产精品极品| 国产成人无码精品久久久免费| 国产精品久久免费| 国产精品露脸国语对白| 日产精品久久久久久久性色| 呦交小u女国产精品视频| 久久国产精品国语对白| 99久久精品久久久久久清纯| 国产2021精品视频免费播放| 久久99热只有频精品8| 亚洲婷婷国产精品电影人久久| 久久青青草原精品国产软件 | 国内精品久久久久影院优| 亚洲AV第一页国产精品| 中文字幕精品亚洲无线码一区| 无码人妻精品一区二| 欧美精品播放| 日韩熟女精品一区二区三区| 老司机精品影院91| 日韩精品一区二区三区视频| 免费看一级毛片在线观看精品视频 | 国产亚洲欧美精品久久久| 国产一区二区精品久久凹凸| 91精品一区二区综合在线| 久久青草国产精品一区| 欧美久久精品一级c片片| 欧美亚洲国产成人精品| 亚洲国产精品免费视频| 99免费精品国产| 精品久久国产一区二区三区香蕉|