壹周速讀：那些最有用的設計原則

當你擁有還不錯的設計功底的時候，大概需要做好兩件事情：1是把握好設計原則，讓整個設計合理到位；2是追隨當下的趨勢，讓設計更加貼合潮流。這期的壹周速讀，不僅帶你了解最新趨勢，而且給你最有用的設計原則：

2021年新趨勢

疫情，隔離，線下教育受阻，線上學習成為了主流，網購替代了去超市采購，娛樂和溝通都從面對面改為遠程。需求的轉變，也帶來了新的增長。2021年，平面設計的趨勢也在這些改變和增長中悄悄發生變化，下面是資深設計師 Iveta Pavlova 所總結的12個平面設計趨勢：

超有用的設計原則

1、尼爾森的可用性十大原則

「尼爾森十大原則」又稱為「用戶界面設計的10種可用性啟發式」，是由雅各布·尼爾森（Jakob Nielsen）提出的10條交互設計一般原則。之所以將其定義為“啟發式”，是因為它們是廣泛的經驗法則，而不是特定的可用性準則。「尼爾森十大原則」誕生了接近30年，在無數的產品設計當中得到驗證，運用這些原則有助于我們試探設計的邊界，探索設計的可能性：

2、UI動效設計的9大原則

迪士尼的動畫設計12原則可能是傳統動畫領域，最為重要、價值不可估量的原則體系之一。這12條原則當中，絕大多數都可以應用到 UI 的動效和交互設計當中，從而讓交互和體驗更上一層樓。這篇文章基于這12條原則，梳理出了 9 條適用于 UI 設計的原則，一起來看看吧：

3、金融類APP的十大設計原則

財務和金融相關的應用是一個相對專業的分支，在這個領域當中創造體驗優異的設計并不是一件簡單的事情。身為資深設計師Taras Bakusevych 在這篇文章當中，分享了10個確保這類產品足夠優秀的核心設計原則：

4、圖標設計的7大原則

創建高質量系列圖標，你得使用一套周到系統的方法，需要有訓練有素的雙眼，大量的迭代學習，以及堅持實踐，才能做到。下面的文章中，設計師 Helena Zhang 將結合7項設計原則，和大量的實際案例，來為你詳細說明，如何創建高質量的圖標：

5、防呆設計的10大原則

簡單的說，防呆設計就是幫助盡可能多的人進行「無腦操作」的方法。防呆設計，自然就是通過設計的方法來實現防呆。人們總是會犯錯，無論是在用工業產品還是電子產品。雖然工業設計和產品設計是不同的行業，但設計的本質都是在尋找問題的解決方法，那就是如何更好地避免錯誤發生：

6、最有效的信息組織設計原則

我們的設計必須顯示展現出組織性良好的信息，這樣用戶才能很容易的理解所顯示的內容。這是提供良好用戶體驗的關鍵。在大量顯示數據的方式中，有一種經受了時間的考驗，并證明即使在今天也是高效的，它被稱為「五帽架原則」：

平面版式

「滿版構圖」是將圖片、文案和設計元素等充滿整個版面，營造出豐富的畫面效果，具有極強的代入感以及視覺感受，傳遞的情感也更加豐沛。滿版文章的特點可以看這里：

而為了讓大家加深對「滿版構圖」的理解，下面這篇借助敦煌旅游海報實操演示，幫助大家對這一排版知識進行深入理解：

UI·產品

空狀態是指用戶在使用產品時遇到的因無數據展示而中斷體驗的場景。空狀態并不全指異常狀態，并不局限于產生錯誤的異常場景。空狀態通常會有哪幾種類型？在日常設計的時候，要注意哪些問題？還有哪些可供遵循的設計方法？「南山可」的這篇文章里有答案：

響應式網頁可以讓網頁自動的適應不同尺寸的顯示器。這種形式的優點也是顯而易見的，那就是高適應性和提升網頁的實用性。如果你對于響應式網頁了解不多，那么研習設的這篇文章，就幫你徹底梳理清楚：

設計師「CE青年」主要深耕于B端設計中，熟知B端表格設計與C端的巨大差異，無論是表格的展示形式還是承載內容上都非常不同。而現在網上有不少關于表格如何設計的文章，但要真正落到實處的少之又少，而他的這篇文章就主要聊聊表格，探討一下B端表格究竟應該如何設計：

在設計圖標的時候，很多這個圖標和實際品牌、業務并沒有什么聯系，它僅僅滿足了可辨識這個溫飽需求。圖標缺失品牌感，就會導致同質化的問題。這可能會導致產品缺乏記憶點，甚至導致設計話語權降低。那么，有沒有什么系統、易于理解的方法來讓我們的圖標具備品牌感？來看看高手是怎么做的：

設計神器

「CleanPNG」是一個提供透明背景的免費圖庫，依照介紹，收錄超過 300 萬個具備透明背景的 PNG 圖片，這些素材都有相當好的畫質分辨率，提供 50000 個分類快速檢索，幫助使用者快速找到需要的素材，也有搜尋功能可利用關鍵詞查找，透過篩選器依照更新時間、尺寸大小、類型和顏色顯示，就能在更快時間找到合適的圖片：

這個問題相信有不少同學都遇到過，看到一款很喜歡的字體，但是死活找不到它的名字。私房課社群里的同學給出了一個網站，而筆者在此基礎上，搜索多個網站后，把能「查中文字體」的神器都羅列出來，為大家做一個簡單測評，看哪個更好用：

「CSS Background Patterns」是一個免費背景圖生成工具，可以制作漂亮純 CSS 背景素材，網站已提供一些基本圖形設計，用戶只要選取后就能立即套用到背景預覽，除此之外，還能自定義背景、前景色、不透明和間距數值，實時呈現在網站上，對于想要一些簡單構圖背景、又不想造成閱讀干擾來說是很有用的在線生成器：

設計師職場

設計師都知道作品集的重要性，但每次想整理的時候，又總覺得好像無從下手。彩云的這篇文章就跟大家聊聊，一份好作品集要怎么做以及要注意的地方：

很多剛入行的 UI 設計師，一直處于比較惡劣或者枯燥單一的工作環境里，經過一兩年的實踐感覺自己還在原地踏步，毫無寸進。這時候就要審視一下，未來的出路在什么地方，應該如何提升自己，要如何掌握進階的方法，進入更好的平臺中去。想要從初級設計師進階，看這里：