大家好膘怕，我是Clippp想诅。今天為大家分享的是「設計細節(jié)」。不能忽視細節(jié)岛心，很多情況下一些小的細節(jié)能決定產品體驗的良好與否来破。不僅僅為了設計而設計，而是思考后設計忘古，經過我們的深度思考將設計完整呈現徘禁。
通過這些能直接用到工作中的設計細節(jié)，幫助大家學會設計思考～
1.為錯誤狀態(tài)添加圖標
帶有錯誤提示的圖標有助于用戶更快地識別錯誤的位置髓堪。輸入信息時送朱，在有限的空間內娘荡，錯誤提示往往被設計的非常有限。
常見的錯誤提示的結構是文字+顏色：告知用戶錯誤的原因并改變輸入框的顏色狀態(tài)骤菠。在這個基礎上它改，再添加錯誤圖標，構成文字+顏色+圖標的提示結構商乎，可以讓整個提示狀態(tài)更全面央拖，用戶也能快速明確地感知到問題的所在。
2.引導用戶而不是顯示錯誤
常見的錯誤提示只是單純地告知用戶做錯了什么鹉戚，并不能告知用戶應該怎么做才正確鲜戒，這也是令很多用戶頭疼的地方。
在設置密碼時通常對密碼有一定的要求抹凳，例如至少8位數遏餐、包含大小寫字母、包含特殊符號等赢底，這些復雜的提示往往會讓用戶摸不著頭腦失都，不能做到第一時間了解情況，造成密碼創(chuàng)建失敗幸冻。
當用戶創(chuàng)建密碼失敗后粹庞，如果只告訴用戶密碼創(chuàng)建失敗這樣一個結果會讓用戶感到很疑惑。比起結果洽损，用戶更想知道的是應該怎么創(chuàng)建才是正確的庞溜，通過給出明確的引導，讓用戶知道應該輸入什么才是應該重點考慮的地方碑定。
3.給灰色加一點顏色
左側頁面的背景為純灰色(242流码，242，242)延刘，右側背景色為藍灰色(228漫试、235、242)碘赖。
通過對比能夠發(fā)現驾荣，藍灰色調對我們的眼睛來說更自然。在設計中崖疤，盡可能讓頁面背景的灰色偏冷或偏暖，而不是使用純灰色典勇，這樣設計的頁面看起來會更舒服劫哼。?
4.使用不同的復選框狀態(tài)
復選框(Checkboxes)通常有一個或者多個選項供用戶選擇，用戶可以選擇一個也可以選擇多個割笙。
這里需要注意的細節(jié)是選項有全選中和未全選中兩個狀態(tài)：
如果里面的選項沒有被全選中权烧，復選框需要有一個和選項不同的狀態(tài)提示眯亦，告知用戶框內有未選擇的選項；當選項全被選中時般码，可以用統一的標識來告知用戶妻率。
5.突出顯示搜索內容
搜索是產品必備功能之一，功能強大且方便板祝。
當我們輸入內容進行搜索時宫静，搜索框會聯想一些關聯的關鍵詞供我們參考和使用，這樣的提示可以提升用戶的搜索效率券时，節(jié)省輸入時間孤里。
在關鍵詞聯想的基礎上，我們可以把搜索體驗做的更好橘洞！在聯想關鍵詞的同時捌袜，突出顯示輸入的內容，這樣就可以快速識別提示的其他內容炸枣，既突出重點又節(jié)省時間虏等。
6.將插圖添加到空狀態(tài)
出現空狀態(tài)時，沒有要求頁面必須是空白的适肠』羯溃可以適當添加一些元素，如插畫迂猴、動效等慕淡，讓用戶感覺更舒服。
如果想讓空狀態(tài)變得更好沸毁，可以給出具體的操作提示峰髓，告知用戶如何進行下一步，嘗試引導用戶到正確的地方息尺。?
7.為消息添加合理的狀態(tài)
上圖兩個彈窗看起來很相似携兵，唯一的區(qū)別是狀態(tài)圖標的不同。左邊的圖標是通用性的搂誉，右邊的更符合當前的狀態(tài)徐紧。
交流和溝通不僅僅只通過文字。圖像炭懊、圖標或插圖都有助于用戶識別所執(zhí)行操作的狀態(tài)并级。
8.為面包屑導航添加顏色
這個方法常用于一些特定的解決方案上。通過在面包屑導航上添加顏色侮腹，可以告知用戶可點擊的導航類別嘲碧，并提示用戶具體的位置，更加方便操作父阻。
9.避免使用默認陰影
很多設計軟件中預設的默認陰影看起來都不是很舒服愈涩，需要我們自己來設計一些柔和的陰影效果望抽。
要始終秉持對設計作品負責的態(tài)度，不能為了方便而使用了糟糕的陰影效果履婉，這樣帶來的后果可能是整個作品的不規(guī)范煤篙，得不償失。?
10.同一個方案采用相同的色調
中性色有助于在頁面中建立平衡毁腿，更具有吸引力辑奈，然而使用太多的灰色調卻很容易破壞頁面的這種和諧。
在整個設計中保持相同色調的中性色狸棍，可以將顏色選擇器切換到HSB模式身害，通過改變數值能很方便地調節(jié)顏色關系。
最后
通過這些實用性的設計細節(jié)草戈，希望能對你的工作帶來切實的幫助塌鸯。在設計中想的更多、更全面一點唐片，不僅能提升自己思考的維度和深度丙猬，還可能讓產品和體驗上升層次。
慢慢來比較快费韭，希望對你有幫助～
精彩推薦：
