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

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

1.形（圖形圖標(biāo)）
我們可以先看下韓國PlusX設(shè)計公司給29CM做的VI設(shè)計展示，從中我們能獲取一些點子。
                                                             29CM官網(wǎng)logo

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

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

主界面

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

界面的設(shè)計語言應(yīng)用場景

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

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

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

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

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

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

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

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

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

最后大家有時間可以下載29CM體驗體驗（需要科學(xué)上網(wǎng)體驗會更好）
感謝大家閱讀，關(guān)注黃小偉設(shè)計，分享更多好的設(shè)計和作品～～～

微信公眾號：黃小偉設(shè)計

Powered by Froala Editor