2021-6-16 ui設計分享達人
在某些元素周圍使用多個放置陰影或非常精細的邊框（僅比實際陰影暗一點）可以使這些元素看起來更清晰、更清晰，并幫助你避免那些看起來渾濁的陰影。
你的標題很可能會比正文更大，也比正文更重，所以字母之間的間距有時會看起來更大，
減少一點間距，就可以使你的標題更加清晰
在ui中實現圖標時，保持一致。
確保它們具有相同的視覺風格； 相同的重量，或者填充，或者輪廓。
在創建設計時只使用一種字體是比較好的，這樣做實際上可以幫助你產生統一的設計效果。
使用字重、大小和顏色的組合，你還是可以用一個單獨的字體表達清晰的文字的結構
留白可以讓你的設計具有呼吸感，更加舒適
通過選擇一個基色，然后使用你選擇的顏色的色調和陰影，可以以最簡單的方式為你的設計增加一致性
允許用戶隨時跳過你的移動應用程序登錄序列，并將該跳過鏈接放在拇指容易觸及的位置。
只是一個簡單的調整，可以讓你的用戶有更好的體驗（我常常體驗國內一些APP，關閉按鈕特別遠，特別難按）
確保你的陰影總是來自同一個光源，會素描的同學很好理解，光源關系一致表達空間統一性的基礎
基本的處理方式是，在圖片上增加一個透明漸變蒙版來使得字體看的更加清楚
如果只使用一個字體，盡量選擇有多字重的字體，比如：阿里巴巴普惠體、思源、OPPO
在淺色背景下工作時，文字顏色不要太淺，雖然看起來很舒服，但可見性不較差，不利于閱讀
當涉及到長格式的內容時，某些常規的粗體字體在屏幕上看起來還是有點太重，太呆板了。
建議，選擇像深灰色（即# 4f4f）來降低文本的色調，這樣閱讀起來會更加舒服
通過使用顏色對比、尺寸和標簽，確保“行動按鈕”盡可能突出
隨著字號的減小，增加行高可以獲得更好的易讀性。
在設計應用程序內部使用的菜單時，請確保提供最常用的操作（即； 上傳圖像，添加文件等…）最突出的屏幕
只需從你的產品圖像中挑選顏色，然后將你選擇的顏色的各種色調和陰影應用到你的背景、文本、圖標……，就能為你的設計增添大量的視覺趣味
不同x高度的字體需要不同的行高測量來實現文本行之間的正確分隔。
即使你可能有兩種字體大小相同（即； 18px）它們的x高度可能會有很大差異，選擇正確行高是非常有必要的
通過使用字體大小、權重、顏色和布局的組合，你可以輕松突出UI中最重要的元素
在用戶剛剛執行的操作附近添加一條錯誤消息，可以幫助用戶提高正確登入，也可以緩解用戶焦慮（他可以更加清晰那里出錯）
當為移動設備設計時，嘗試創建足夠大的可點擊區域
對于按鈕和僅由文本組成的鏈接來說，點擊區域會很小，所以盡可能使用帶有標簽的圖標。
iOS和Android的最低建議點擊區域
iOS為44 x 44pt
安卓48 x 48dp
長標題都是大寫字母的話，閱讀轉化上比較慢（你明白他是什么意思比較慢）
短標題都是大字母的話，相對來說比較快可以和記憶中的單詞對應上
始終確保淺色文本在淺色圖像背景下清晰可見。
只需在文本后面應用一個低透明的深色背景，就能保持這些元素之間的良好對比度
標題、正文、標題、正文……這樣的排列中如果是間距都是相同的，那么在閱讀上就很難區分標題是屬于上文還是下文的。
正確的做法是，標題距離上文的距離＞標題距離下文的距離，這樣閱讀起來，標題會比較清晰的對應的是下文
當下載速度是一閃而過時，則無需提示
當下載等待時間＞3S時，建議給進度提示
在項目中處理文本時，選擇正確的字體將影響文本的語音類型。 那么大聲、或者溫柔、或者正式，嚴肅，或者有趣。每種字體都有自己獨特的聲音
基于人閱讀情緒，如果閱讀一行很長，一直閱讀下去，會出現你眼前閱讀的內容“不見”的情況
對于單列頁面，45到75個字符被廣泛認為是令人滿意的行長，66個字符的行（包括字母和空格）是最合適的。
當然，字體大小和行高也是決定可讀性的一個因素，但是對于行長，要保持在45到75個字符之間
需要適當，如果裝飾的強了主要表達的，則不可取
按鈕。 通知。 UI中兩個獨立但必不可少的元素。
一定要確保你的用戶能夠快速準確地將他們區分開來
舒服的投影會增加你的設計的質感，和透氣感。太重的投影會顯得你畫面比較臟
高度飽和的顏色（明亮的藍色、紅色、綠色等）在網站上看起來很不錯，但過度使用時，會讓用戶眼睛疲勞，主要是與文本內容一起使用時。
在向設計中添加圖標時，使用用戶熟悉認知的圖標。新的圖標雖有很好看，很有個性，但是會讓用戶疑惑
需要承上表達的元素，排版上接近對應的元素，可以讓用戶心理聯系起來是一體的
與長格式正文文本（需要足夠的行高以提高可讀性）不同，標題通常要短得多，因此可以稍微縮小間距。標題的建議行高通常是文本大小的1到1.3倍
類比色和鄰近色是最和諧的配色方案之一，也是最不會出錯的配色
在處理特定項目時，使用類似于所有小寫字母的文本可以表達更加輕松的意思
但需要注意，在圖像和文本之間使用某種顏色疊加，以獲得更強的對比度
當在淺色背景下設置深色文本時，偶爾可以選擇較輕的字體。
但是…
反之：淺色文本>深色背景。
最好是把字體的重量增加一點，尤其是長文本，原因是，讓用戶避免視覺疲勞，獲得更好的易讀性
正確的字體選擇對于讓你的內容更快的正確傳達更重要
只需稍微增加字母之間的間距，就可以提高字跡的易讀性，并為大寫字母增加一些設計感
確保錯誤提示，解釋了哪里出錯和如何解決
始終讓用戶了解最新情況，即使是普通的表單，讓這些錯誤消息變得有用，不要讓用戶懵逼
使用占位符可以更好的緩解用戶焦慮
在應用可能產生后果的特定操作之前，請詳細地通知用戶。尤其適用于具有不可逆轉后果的行為，例如永久刪除某個內容。讓用戶知道將要發生什么，并要求他們確認
用戶需要采取的基本操作（例如，注冊或登錄）隱藏在下拉列表中，甚至可能找到用戶想要的。
解決：將重要的功能提出來，不要隱藏
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務