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

2021年新趨勢

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

超有用的設(shè)計原則

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

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

2、UI動效設(shè)計的9大原則

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

3、金融類APP的十大設(shè)計原則

財務(wù)和金融相關(guān)的應(yīng)用是一個相對專業(yè)的分支，在這個領(lǐng)域當中創(chuàng)造體驗優(yōu)異的設(shè)計并不是一件簡單的事情。身為資深設(shè)計師Taras Bakusevych 在這篇文章當中，分享了10個確保這類產(chǎn)品足夠優(yōu)秀的核心設(shè)計原則：

4、圖標設(shè)計的7大原則

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

5、防呆設(shè)計的10大原則

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

6、最有效的信息組織設(shè)計原則

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

平面版式

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

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

UI·產(chǎn)品

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

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

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

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

設(shè)計神器

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

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

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

設(shè)計師職場

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

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