中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：細節處理是影響產品設計效果的重要影響因素？那么，如何衡量設計完成后的頁面效果好壞？也許，你需要對設計進行系統的拆解，了解每一個設計元素。本篇文章里，作者便總結了一套衡量設計效果好壞的檢測方法，一起來看一下。

不知道大家有沒有這種情況，做完設計完全不知道這個頁面效果好壞，那么有沒有一種設計效果模型能對照呢，讓我們做完設計，或者指導他人設計時候，有一個參考標準呢？

今天我分享一個方法給大家，大家可以當作自測或者設計指導用。

木桶定律不知道大家有沒有聽說？

一只水桶能裝多少水取決于它最短的那塊木板，一只木桶想盛滿水，必須每塊木板都一樣平齊且無破損，如果這只桶的木板中有一塊不齊或者某塊木板下面有破洞，這只桶就無法盛滿水。一只木桶能盛多少水，并不取決于最長的那塊木板，而是取決于最短的那塊木板。也可稱為短板效應。

做設計也是一樣的，設計的效果就是像木桶里面的水，必須每個細節都處理到位，里面一個細節沒有處理好，就會影響整體效果。所以設計師要學會對自己設計有很好的認識，知道怎么去找到短板并去優化它。

一、系統的拆解設計

我們來拆開看任何一個設計，比如iOS設置頁面設計，由哪些元素組成呢，我們來逐步拆解：

• 圖形：我們把字體和顏色去掉，頁面很重要組成部分就是形狀，圓形還是方形。
• 色彩：除了形狀以外，就是色彩，色彩是用戶最直觀的理解。

最后就是字體、樣式、風格等等！任何設計都是由這些元素組合而成，也就是我們常說的形色字構質！

我們看任何一個設計，都應該像庖丁解牛一樣，對于設計的每一個模板進行設計拆解，去了解它每個設計具體的環節。

二、怎么看網頁？

比如這個網站設計，可以從哪些維度去看，找到可優化的空間，我們可以一起來解剖下。

1. 色彩

色彩是設計的三大構成之一。色彩最直觀也是用戶最能感受到的，而一個網站給人的留下的第一印象就是鋪面而來的色彩氛圍。

▲當前的配色：背景灰+黑白色文字+黃色標題+黃色幾何色塊點綴。

解剖：

1. 色彩在頁面中，每個元素是怎么運用的？
2. 二級三級頁面是如何保持色彩一致性的？
3. 這種配色需要注意的要點?

2. 排版

排版是視覺組織內容的方式，是引導用戶閱讀信息的手段。

▲當前的版式：大面積留白+上下結構+ 上文下圖。

解剖：

1. 從上到下有幾種版式？有規律嗎？適合什么樣產品？
2. 主副內容的處理方案是怎樣的？
3. 二、三級頁面是否模板化？擴展性如何?

3. 空間

空間是內容與設計的空間，是頁面呼吸感很重要的要素。

▲當前的空間：文字和圖形交錯出來，形成一種流動感。

解剖：

1. 這樣做要突出什么？
2. 黃色設計元素和文字關系是如何處理的？
3. 實現的細節是什么樣的？

4. 品牌

品牌是網站頁面的眼睛，品牌演繹成頁面中的元素，成為組織內容的核心。

▲當前的品牌：品牌黃色。

解剖：

1. 品牌在頁面中怎么呈現的？
2. 品牌感是否因為這些方式加強？
3. 品牌輔助圖形有哪些？

三、怎么看圖標？

圖標可以從以下幾個維度去拆解。

1. 造型線條

造型和線條是圖標的氣質傳遞，不同的造型和線條影響整個圖標的調性。

▲當前的線條：圓潤線條，斷點。

解剖：

1. 線條細節怎么體現的？
2. 造型細節傳遞出什么感受？
3. 適合什么類型的產品？

2. 空間透視

空間透視是一個圖標體感很重要的點，平面和三維的圖標感官是完全不一樣的。

▲當前的透視：2.5D透視，非常有方向感。

解剖：

1. 透視角度怎么體現的？
2. 透視細節如何處理的？
3. 這種透視怎么拓展？

3. 質感肌理

質感肌理是圖標的細節表現，圖標風格有很多種，什么樣產品用什么樣的圖標風格，需要對癥下藥。

▲當前的質感：霓虹燈，發光質感，細節豐富。

解剖：

1. 霓虹燈，光感怎么畫的？
2. 元素前后關系怎么處理的？
3. 運用場景有哪些限制？

4. 驚艷細節

細節是這個設計從60分到80分最關鍵的點，一個好的設計，一定有一個驚艷的細節打動你。

▲當前細節：蛋糕的細節，小人的表情以及擬物細節。

解剖：

1. 細節符合產品定位么？
2. 細節的延展性如何，適合哪些場景？

四、怎么看界面？

1. 信息布局

信息布局是體現信息優先級，也是設計最優先考慮的，如何合理將內容信息組織好是第一優先原則。

▲當前布局：運用卡片布局，通過色彩，大小來體現優先級。

解剖：

1. 卡片布局有什么優點？
2. 卡片里面元素之間關系如何處理？
3. 卡片運用在哪些地方，哪些地方不用卡片？

2. 色彩關系

色彩是用戶第一直覺反饋，不同色彩代表不同的情感！如何讓你的色彩更和諧、亂而不花、少而不單調，是需要去思考的。

▲當前色彩：馬拉龍配色，低飽和度明亮，年輕化感受。

解剖：

1. 色彩之間顏色有多少種？
2. 主色調是什么，輔助色有哪些？
3. 色彩運用場景有哪些？

3. 控件造型

控件和造型是圖形的一部分，自定義的控件和系統控件成本是不一樣的。

▲當前控件：基本自定義的，優點比較個性化，符合車這種產品動感造型。

解剖：

1. 擴展性如何？
2. 技術如何實現？
3. 能沉淀組件通用化么？

4. 質感肌理

質感肌理重要性不言而喻，是產品精致與細節的表達很重要的點。

▲當前質感：色彩疊加，微漸變，明亮配色。

解剖：

1. 色彩適合什么樣人群特點？
2. 配色規律如何？
3. 質感表現手法怎么表達的？

5. 交互關系

產品的交互形式怎么樣，每一步的操作如何，上下頁面如何連接的，交互形式用戶是否熟悉。

▲當前交互方式：手勢滑動選擇歌曲和調節音量。

解剖：

1. 這種滑動操作有什么不好的地方？
2. 用戶是否都能接受這種操作？
3. 這種交互方式是什么限制？

五、怎么看LOGO?

1. 圖形寓意

寓意是LOGO的魂，如何把LOGO的行業和特點，創意結合起來是非常不容易的事情。

▲當前寓意：整體寓意Logo外圍由兩條弧線匯聚成圓，寓示項目集辦公、住宅、酒店、商業、觀光等多個產業功能。

解剖：

1. 這種線條延展性如何？
2. 和行業特點是否貼合？
3. 識別度怎么樣？

2. 延展性

標志最終是要運用的，運用的場景效果如何，放到實際環境中效果和識別度怎么樣。

▲當前延展性：無論在印刷物料，還是在大樓上都很簡潔大氣，符合這個高樓氣質和調性。

解剖：

1. LOGO使用環境如何？
2. 各個物料上運營是否協調？
3. 辨識度如何？

3. 字體

字體是非常重要的元素，有的產品特質就通過字體體現，比如香奈兒、LV大牌等。

▲當前字體：襯線體，非常優雅，和整體的LOGO圖形本身一樣，一氣呵成。

解剖：

1. 運用的什么字體？
2. 字體有沒有單獨處理？
3. 字體和中文搭配如何？

拆解設計元素基本就是上面的這些方法，拆解每一個設計零件，然后針對零件去詳細設計，去找設計的發力點。那么我們掌握這些零件后，如何去指導一個人的設計呢，或者自己做完后，怎么去看？

六、設計效果細節模型

前面分享了，一個設計我們需要關鍵哪些重要元素，那么一個設計稿，我們要從哪些維度去看畫面效果，在設計過程中去檢查自己效果呢？

這里我做了一個模板給大家，大家可以對著去自查，這套模板基本覆蓋了品牌設計、UI設計、創意設計等，我們來看看。

• 圖形：造型/細節/透視/線條/質感/使用環境；
• 色彩：平衡/人群/情感/干凈/行業/明暗關系；
• 字體：字重/線條/比例/襯線/識別度/字距；
• 構成：對稱/空間/主次/重復/秩序/放射；
• 質感：細膩/層次/呼吸/通透/輕重/高級；
• 創新：寓意/品牌/調性/感動/情緒/沖擊。

舉例說明

我們來看看如何在日常工作中，通過這個公式來指導我們的設計！下面我從網上隨便找到的一些案例，沒有任何的惡意，只是交流使用。

通過自查表可以發現的問題：

• 圖形：細節不夠細致，還可以提升；
• 色彩：背景的高斯模糊和卡片的設計顏色不夠干凈、不夠協調；
• 字體：卡面字體識別度不夠，數字基本看不清楚；
• 構成：構圖的空間不夠平衡，上下過松，卡片過緊；
• 質感：不夠高級，風格比較陳舊，有山寨感。

通過自查表可以發現的問題：

• 圖形：六邊形、圓形，各種異形整體特別混亂；
• 色彩：沒有主色調，橙色、綠色、黑色比例沒有主次，灰色深；
• 字體：圖片上字體導致圖片看不清楚，按鈕看著像不可以點；
• 構成：很亂，元素到處飄著不知道看哪里質感：不夠細膩，舊；
• 創新：品牌感完全沒有體現。

通過自查表可以發現的問題：

• 圖形：紅包造型不夠明顯，看不出是紅白；
• 色彩：配色不干凈，沒有層次；
• 字體：字體缺乏對比，沒有字粗細大小對比；
• 構成：空間感和主次比較欠缺；
• 質感：不夠精致，不高級，紅包不高級；
• 創新：調性上，視覺沖擊力不夠。

通過自查表可以發現的問題：

• 圖形：透視不夠準確，瓶子底部太平和頂部透視不和諧，同時瓶子的線條太細了，和整體不吻合，另外頁面環境色彩也可以增強；
• 色彩：瓶子邊緣線條灰色太臟，瓶子后面的前景和后面的明暗沒有出路；
• 字體：下面圣誕節快樂字體太小，對比不突出，識別度難；
• 構成：目前構成是不是可以更加熱鬧，構圖可以嘗試放射；
• 質感：圣誕樹的質感層次，禮物大小，元素可以對比加強；
• 創新：可以加強一些故事性在里面。

你會發現，我們通過這個表格去對照，或者去指導別人的設計，就會更合理，我們的建議也非常的專業，當然前提你必須對審美有很好的理解！

七、最后

今天教大家這個方法，其實就是思考問題的一個體系，先學會系統拆解設計，了解設計的每一個元素，然后在系統拆解的基礎上，去做局部創新。

在設計的過程中，學會從形色字構質、創新維度去檢查我們的設計，不斷鍛煉設計手法以及設計的維度，讓你的視覺畫面感越來越和諧，效果越來越好。

#專欄作家#

Sky，微信公眾號：我們的設計日記（ID：helloskys），人人都是產品經理專欄作家。原支付寶體驗設計專家，阿里巴巴天貓設計專家；10年知名互聯網公司設計經驗，對于產品從0到1、品牌定位、金融產品、設計規范、運營規范、大促等有豐富實戰經驗。

本文原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自?Unsplash，基于 CC0 協議