提高設計細節的幾個小技巧-2

2021-02-22 阿嶽的設計小站

Hello，大家好，我是阿嶽，一名北漂UI/UX設計師，這是我100天閱讀的第42篇總結，今天我們繼續講幾個提升設計細節的小技巧。


喜歡的話記得點讚加關注哦。

處理成扁平純色效果過渡自然，方便實現背景的時候進行取色，取邊緣1像素的色值給開發進行適配。用漸變色做背景，然後給背景增加模糊光感細節，最後增加一點光斑效果，更精緻。圖標在不夠飽滿時，酌情將圖標撐滿像素，過於飽滿的圖形，高度變低時，需要增加寬度來保證視覺重量。將會用到圖標的場景列出來，然後根據app設計的最小單位的倍數定義圖標風格。確定圖標大小和線條比例，根據產品調性決定線條的大小視覺層次上儘量選用顏色來區分層次，不要只去改文字大小彩色背景上可以用白色的字，只需要調整白色透明度就可以了，這樣會更自然和諧。分割線過度會讓頁面看起來擁擠，通過給信息留足夠的間距來讓頁面更加乾淨，也能起到信息分隔的作用。在界面設計中可以用底紋讓頁面更精緻，底紋元素要與品牌有關聯，做品牌圖形抽離 。為了讓自己的設計不那麼單調，可以多了解一些英文字體，推薦英文字體：PROXIMA NOVA、Futura PT 、OPEN SANS、LATO、Adobe字體https://www.reliablepsd.com/字體要有層次，字號之間至少得相差4號以上，這樣對比感就會很強烈，頁面的層級也更加明顯。第二步定義一個比例係數，用基礎的字體大小乘以比例係數比例測算工具：https://type-scale.com字母大小比例關係合適，字母行間距通用規則是大小1.3倍、1.45倍、1.618倍數。字母之間的間距：英文字號越大需要手動調整合適的間距，避免文字大間距也大字重大面積閱讀時無襯線比較合適，最佳字符高為18%在界面設計中儘量不要選用純黑色做設計，這樣會讓頁面的黑色太突出，影響閱讀體驗。

以上就是今天分享的幾個小技巧，今天的總結就到這裡，希望對你有所幫助哦，記得點讚加關注哦，比心❤️❤️

感謝厚愛(⑉°з°)-♡

相關焦點

  • 無線系統設計的11個省電技巧
    這些設備需要精心設計，以延長其電池壽命，減少對環境的影響，並最大限度地提高製造商利潤。要降低無線系統的功耗，我們需要考慮如下11個因素：第一：系統選擇使用的無線類型取決於幾個因素，其中主要是數據速率、通信範圍和運營成本。
  • 這三個技巧,讓你的代碼可讀性提高300%
    本文不是在討論算法、數據結構、軟體架構和程序設計，而是在討論一些更基本、更重要的東西：可讀性。原始碼是程式設計師耗盡了心血和精力的作品，所以不應當存在「快刀斬亂麻」的現象。忽視這些規定看似讓代碼生成速度加快，但事實上往往導致事倍功半。代碼敲一次，閱讀無數次。因此，優化代碼提高可讀性顯得尤為重要。為了幫助生成高度可讀的代碼，本文歸納總結了必須遵守的3個重要規定。
  • 12個Excel小技巧,提高效率離不了
    小夥伴們好啊，今天咱們來分享一組簡單實用的Excel小技巧，點滴積累，也能提高效率。
  • 這幾個小技巧讓你效率提高一倍
    比如和同事和客戶聯繫，加個微信號還是最方便的。有不少小夥伴可能和我一樣，用起了微信pc版。平時在工作時候，掛在那邊回個信息，傳個文件什麼的也挺方便的。下邊是我在使用過程中總結的幾個小技巧，分享出來希望可以對大家有所幫助。
  • 王者榮耀:露娜連招技巧解析 ,鮮為人知的40個小細節
    今天怪獸就為大家帶來王者榮耀露娜連招技巧解析，以及鮮為人知的40個小細節。不過可露娜操作難度較高，需要多加練習才能掌控她，下面一起看看露娜連招口訣以及玩法技巧吧！一、技能解析被動——月光之舞：關於提高露娜多段大招的連貫性：建議去訓練營，關冷卻，關兵線，讓防禦塔的攻擊追你。你利用多段大招劃三角形，大概11個大招，防禦塔的光線就會消失！如果做到不被打到，你露娜的多段大招就很可以出師啦！露娜大招可以打到背後兩個半身位的目標，真正的反向大招！斜著的話就打不到那麼遠！
  • 9個提高代碼運行效率的小技巧你知道幾個?
    2. 提取代碼中的公共部分 2.1 示例代碼  想像一下，我們有一個圖像，我們把圖像表示為二維數組，數組元素代表像素點。我們想要得到給定像素的東、南、西、北四個鄰居的總和。並求他們的平均值或他們的和。代碼如下所示。
  • 信用卡使用的幾個小技巧,包提額!
    其實，信用卡的使用是需要技巧的，尤其對於剛入門的用戶來說，最怕的就是按照自己的直覺來用卡，這樣不但用不好，還可能讓你越用越窮！接下來，小編就給大家分享一些用卡技巧：1、關注兩個日期：帳單日和還款日。一般還款日在帳單日後20天或25天，在帳單日後一天刷卡，免息期最長，在帳單日前一天刷卡，免息期最短。
  • Illustrator詳解10個提高設計的冷門技巧
    本教程主要使用Illustrator詳解提升10倍工作效率的冷門技巧，一些實用但卻總被忽略的軟體操作套路初次寫教程，希望能將幾年的使用經驗梳理並分享出來
  • 掌握這些細節,幹將輸出提高10%
    在使用幹將莫邪的時候，不能保證用雙劍的交匯處攻擊到目標時，可以調整角度，用單邊劍進行攻擊，雖然傷害比較低，但足夠能耗血和收割殘血了。除了技能的解析之外，裝備&銘文的搭配也是十分重要的一環。在視頻中瓶子會一一為大家講解哦~
  • 極限逃脫模式,這幾個小技巧你必須得會!(下)
    在上一期的內容中，小編為大家介紹了幾個極限逃脫模式中傭兵玩家需要掌握的幾個基礎小技巧（點擊文章底部「閱讀原文」即可查看上期精彩內容）。今天小編繼續接著上一期的內容來跟大家分享幾個關於守衛玩家的模式小技巧。可不要小看了這些看似非常基礎的技巧，有時候最實用的往往也是最基礎的！
  • 繪製折線圖的幾個小技巧
    就如下圖的方式：本期我們就來聊聊Python中關於時間軸的幾種處理辦法，包括如何控制時間軸呈現的刻度個數、刻度間隔和刻度標籤的旋轉。利用Python對日期型的軸作處理同樣非常簡單，只需要添加幾行關於軸設置的代碼即可：import matplotlib as mplplt.plot(AQI.Date, AQI.AQI, linestyle = '-',         linewidth = 2, color = 'steelblue',         marker = 'o', markersize
  • LOL十個小技巧,輕輕鬆鬆上王者,細節決定成敗!
    LOL有許多你不知道的小技巧，這些小技巧也許可以幫助你反殺，取得團戰的勝利，甚至獲得勝利，畢竟細節決定成敗，這些小技巧你知道嗎？
  • 3dsmax70個提高渲染速度小技巧
    限制Ploygon數量2. 用Proxy來代替高面數的模型.3. 陰影subdivisions 不要太高.4. 移除多餘的模型.5. 輸出畫面很小時，貼圖解析度不太高.6.在Mental Ray或VRay中運用mrProxy或VrayProxy， Proxy被設計來有效率的加載模型與渲染.36. Bitmap Proxies:可減少場景中大量消耗的內存.37. 數據資源集中在一個路徑做管理38. 本地計算機作業可避免遠程網絡塞車造成當機或檔案損毀39.
  • 10個提高工作效率的Excel操作技巧,看看你會幾個?收藏了先
    掌握一些Excel小技巧，可以幫我們在工作中省去不少麻煩，然後再做到日積月累，那你的工作可能就是點幾下、按幾下，轉眼間就完成了，今天阿鍾老師分享幾個可以大幅提高工作效率的小技巧。02.滑鼠雙擊填充公式用法：當一列需要填充公式時，可以把第一個公式錄入完成，回車鍵確認後，再選中這個單元格，滑鼠移動到單元格右下角，變成小十字形狀，然後雙擊即可完成整列公式填充，只要前面的單元格是連續的，再多行也可以。
  • 用 Git 和 Github 提高效率的 10 個技巧!
    即使你已經使用他們很長時間，你也很有可能不知道每個細節。我整理了 Git 和 GitHub 可能提高日常效率的10個常用技巧。如果你想看視頻教程，請看文末推薦！（https://github.com/defunkt/hub#commands），點擊這裡送你12個GIT使用技巧。
  • 數據可視化細節設計技巧
    數據可視化基礎設計在數據可視化設計中，我們經常傳會忽略一些基礎設計細節。一、動效設計落地；二、字體排版設計細節；三、數字字體運用；四、如何展示數據圖形；五、參考素材網站從數據到圖形的表達讓設計服務於數據內容，給各類用戶以最為清晰明確迅捷的數據展示。信息的有效傳遞是設計重點。
  • 我的世界小細節凸顯大作用 耕地小技巧分享
    我的世界小細節凸顯大作用，耕地小技巧分享。在我的世界中，小夥伴們想要長久的生存下去，食物問題是要最優先需要解決的。
  • 關於深色主題設計的8個小技巧
    隨著蘋果iOS13和谷歌深色模式的推出，已經有越來越多的產品和用戶，運用和注意到這種風格的設計。
  • 學會這 2 個Word字體設置小技巧,讓你贏在起跑線上!
    對於那些經常會出現，且使用頻率較高的字體，我們就可以將這些字體設置為默認字體；或者是為字體設置快捷鍵，以便在編輯文檔的時候，能夠高效的使用需要的字體，大大提高工作效率。如何設置呢？接下來就為大家分享操作方法，同學們可以拿上小本小記下來喲！
  • 聊聊UI元素圖標設計流程及小技巧
    圖標設計要求熟練運用軟體，涉獵各種矢量特性、蒙板以及構造實體幾何，因此，會需要同學們運用不同的軟體工具與技巧，今天的譯文全都是超實用的技巧幹貨，