亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
韓國29CM產品設計語言分析
0.0°
2022-11-30 原創(chuàng)文章 經驗/觀點 舉報 28346 89 93 5

6個維度分析一個產品的設計語言

今天和大家分享一下我在體驗的一款韓國APP 29CM,這款APP的設計驚艷到了我
29CM這款產品主要是以服裝、購物、時尚、美妝為主,同時有一些藝術、生活方式指南的報告。
今天我將從形、色、字、構、質、動六個維度分析29CM這個產品的設計語言,希望對大家有所幫助。


1.形(圖形圖標)
我們可以先看下韓國PlusX設計公司給29CM做的VI設計展示,從中我們能獲取一些點子。
                                                             29CM官網logo


很明顯發(fā)現(xiàn)圖形都是在同一個正方形圖形中進行線段切割,利用線段和正方形,形成正負形關系進行設計,來達到設計語言的一致,給人的感受是極簡的、有創(chuàng)意的。


圖標的繪制遵循統(tǒng)一的設計語言、設計規(guī)范和設計感受


主界面


1.我從界面提取了圖標,發(fā)現(xiàn)都是以2px(基于2倍圖)的線條進行繪制,用戶點擊圖標,圖標由線性變成黑色填充,同時底部英文字重加粗,使得用戶有明確的感知。
2.仔細的人會發(fā)現(xiàn)圖標的粗細程度和字體的字重給用戶的感受是一致的,非常巧妙的設計方式,這也是底部tab欄的體驗細節(jié)。當我們做APP項目設計時也可以多參考這個方法來提升用戶的感知程度,同時提高整體的用戶體驗。


界面的設計語言應用場景


一些界面中發(fā)現(xiàn)他們在標題上,會加上一根粗的線條來做一個分割,這條粗線的粗細程度和標題的字重給用戶的感受是一致的、和諧的。又起到一個突出設計語言信息層級區(qū)分的作用,非常好的一個設計語言點子,同時提取29CMlogo中的線條的DNA在界面中,使的界面更具有品牌感,提高整個產品的差異化設計。


2.色(色彩體系)
1.我從29CM產品中提取了界面的顏色,發(fā)現(xiàn)界面應用最多的顏色就是白色與黑色,利用黑色和白色,傳達簡潔的、干練的、感性的和時尚的品牌感。
2.橙色和藍色作為點綴,橙色的點綴較多,讓枯燥、簡潔的頁面鮮活了起來。同時橙色在重要信息、折扣和重要按鈕上有明顯的突出和曝光,讓用戶一眼能看到優(yōu)惠和力度。
3.灰色有四種,利用四種灰色明度區(qū)分層級之間的關系,加強界面的層次感。


3.字(字體體系)
1.29CM選擇了一款柏林字體設計師 René Bieder設計的Campton的字體。
2.Campton字體是款無襯線字體,有9種字重提供用戶選擇,特別在APP的產品中非常的實用,更易于界面的字體字重的調整。
3.Campton數字字體給人感受是時尚而具有識別性。
4.字體的選擇需要產品的氣質結合,好的數字字體和英文字體可以提高產品的品牌性與產品的差異化,例如一些金融產品的數字字體一般都是比較特別或者經過設計師設計過的。


4.形(圖形圖標)
1.主界界面banner占取屏幕的60%,產品更想給用戶傳達圖片上的信息。
2.同時我發(fā)現(xiàn)banner的比例是4:3。主流手機攝影的照片尺寸一般都為4:3,圖像來源于攝影的話,圖片比例為4:3是比較合理的。常見的圖片尺寸還有16:9、3:2、1:1,例如視頻軟件中16:9的比例很常見,我們可以根據產品的定位以及需求的不同進行調整和設計。


1.29CM圖標和頁面的布局是有規(guī)律的,左邊安全距離是88、頂部切換tab距離中間圖片56,底部標題文本距離圖片28,描述文本距離橫線28,圖片尺寸664*664(1:1),右上角圖標大小44*44,發(fā)現(xiàn)每一個數字都與4有關,以4的倍數作為最小單位進行倍數遞增設計,形成一套規(guī)范體系來提高設計與開發(fā)的效率。
2.界面整體的呼吸感很強,間距的把控很舒適。
3.從29CM產品布局來看,會發(fā)現(xiàn)和市面上普遍產品不一樣,左半邊會預留88的安全距離,右邊沒有安全距離,這樣的產品會顯得很獨特、個性的布局體驗,也符合29CM的產品定位,也是形成產品差異化的一種方式。


5.質(質感與風格)
1.產品風格的定義需要從產品定位、產品氣質去散發(fā),我了解29CM涉及領域包含時尚、生活、藝術、美妝、科技購物等
2.從29CM整個產品主界面利用黑色和白色傳達簡潔干練、時尚的品牌感,界面風格給人感受高級、時尚、極簡、布白的感受。
3.每個產品簡介、新聞指南像閱讀雜志一樣。
4.圖標的設計纖細、線條、極致的。


6.動(動畫與動效)
連加載動畫讓人看起來簡約、極致的,加載過程給用戶的感受是流暢舒適的動畫感受。


banner在切換的過程中,banner上的標題文字跟輔助文本有個快慢的關系,使得用戶看起來是連貫的、有先后次序,而不是直接出現(xiàn)。同時底部橙色的線條也會跟著前進,整體具有節(jié)奏感。

總結
1.好的設計語言會給用戶一個深刻的感受,每一個產品都需要有自己的產品印象和品牌的形象。
2.好的產品圖片和海報設計能提高產品的設計質量。
3.在做產品設計語言我們可以形、色、字、構、質、動六個維度思考,這樣我們的設計才能站住腳。
4.在做產品設計可以多考慮如何打造自己產品的差異化設計。
5.色彩、圖標、字體、動畫都是用戶能感受到的,當我們把這幾點做的更加細節(jié)、流暢,結合產品的調性,整體的體驗會有質的飛躍。

最后大家有時間可以下載29CM體驗體驗(需要科學上網體驗會更好)
感謝大家閱讀,關注黃小偉設計,分享更多好的設計和作品~~~

微信公眾號:黃小偉設計

Powered by Froala Editor

更新:2022-11-30

收藏

89人已收藏

評分:

完整度:5星

啟發(fā)性:4星

勤奮性:4星

排版布局:4星

推薦:
作者從形、色、字、構、質、動六個維度分析29CM這個產品的設計語言,很全面,加油~

黃小偉

每天都要加油

  • 12

    作品

  • 140

    粉絲

  • 63

    關注

  • 3D主題設計!
  • 喜茶小程序產品設計體驗分析
  • 愛彼迎產品設計體驗分析
  • Instagram的視覺體驗分析

    猜你喜歡

      2022-11-30 原創(chuàng)文章 經驗/觀點 舉報 28346 89 93 5

      韓國29CM產品設計語言分析

      0.0°

      你確定要舉報韓國29CM產品設計語言分析

      如果查出惡意舉報,十天內禁止提交任何舉報申請。

      0/200

      上傳證據: 超過10M的附件請使用網盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2022年11月30日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內

      0/200

      93
      89
      5

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄