壹周速讀:超級實用的 UI 設計小技巧合集

成體系的 UI 設計理論有很多,而面向問題,搞定日常操作,還有很多實用的小技巧。這一期的壹周速讀,我們匯集了一波實用性非常強的 UI 設計技巧,整理成了小專題:

實用 UI 技巧指南

壹周速讀:超級實用的 UI 設計小技巧合集

學習掌握UI設計理論和基礎知識固然很重要,但在設計執行時掌握技巧也更能提升工作的效率和質量。那么在設計執行層遇到問題有沒有一些立竿見影的解決方案呢?這篇文章分別從視覺、內容和交互三個角度總結了十個界面細節設計點:

壹周速讀:超級實用的 UI 設計小技巧合集

這個系列文章來自資深 UI 設計師 Mark Andrew ,文章梳理了總計 30 個實用性很強的 UI 效果提升小技巧:

壹周速讀:超級實用的 UI 設計小技巧合集

復雜應用大多情況下是偏專業和B端的一些UI界面,它們大多出現在桌面端使用環境,并且終端用戶類型多樣,涉及流程、鏈條、業務也大多呈現出多變復雜的特征。這篇文章,來自UX設計領域的頂級存在NNGroup:

壹周速讀:超級實用的 UI 設計小技巧合集

UI界面中,用戶最容易感知到的,就是大量的點線面元素,這些元素在設計的時候,需要注意哪些相互關系?怎樣優化才能更好地服務于整個產品,讓效果出彩,讓體驗優秀?下面的系列文章既有深入的分析梳理,也有落地可行的建議:

壹周速讀:超級實用的 UI 設計小技巧合集

很多同學還在糾結買 iPhone 12 還是買 12 mini,但是做 UI 設計的同學已經被全新的分辨率折騰得要死?,F在終于有一篇完整系統的 iPhone 12 系列屏幕分辨率設計指南了:

2021年度色

壹周速讀:超級實用的 UI 設計小技巧合集

雖然潘通不是第一次在選取年度色的時候選擇2種不同的色彩,但是 2021 年的年度色選擇的兩種顏色「極致灰」和「亮麗黃」出來的時候,還是讓人楞了一下。這款玩著諧音梗還和《賽博朋克2077》瘋狂聯動的 2021 流行色到底有那些講究?看這里:

UI·產品

壹周速讀:超級實用的 UI 設計小技巧合集

?提起中后臺,除了高效、靈活和強大之外,不可忽視的還有它的海量數據。海量數據的篩選與呈現,直接決定決策人員的效率高低。WOW Design 的這篇文章結合實際工作中遇到的表格設計問題,針對Web端數據呈現方式之一,表格的設計進行探討:

壹周速讀:超級實用的 UI 設計小技巧合集

卡片設計在界面中已經是非常常見的一種設計形式,大家做設計時幾乎都會用到。關于卡片設計的文章網上已經有很多了,騰訊設計師「彩云」從自己的經驗來總結卡片設計的細節要點,期望能給大家總結一些快速提升卡片設計效果的方法:

壹周速讀:超級實用的 UI 設計小技巧合集

我們在設計中經常會改版設計,從創意想法到設計初稿的過程可能會花費比較長的時間,我們需要在不同的階段輸出不同的內容反饋進度并達成一些共識,而這就需要情緒版了。這篇出自騰訊設計師的文章給大家分享下這方面的經驗:

壹周速讀:超級實用的 UI 設計小技巧合集

全新網易有道詞典 9.0 在設計與功能上進行了雙重升級,這次的升級不僅更新了流程,增加了社區,迭代了設計,讓產品功能更加強大高效,內容上多元,也讓設計更加突出,這次的文章就分享背后的設計過程:

平面排版

壹周速讀:超級實用的 UI 設計小技巧合集

字間留空是近年來非常流行的一種排版設計技巧,這種排版設計方式大多應用于海報、Banner圖、H5,同時,在動畫設計、視頻當中也有相當多的應用。今天,我們來深入梳理總結一下這種排版設計技法:

壹周速讀:超級實用的 UI 設計小技巧合集

「幾何構圖」是版面設計元素,根據幾何形態來組織視覺語言、構建畫面,形成一個人為的視覺空間,讓視覺元素布局更有章法,傳達出理性之美。以下兩篇文章,一篇是基礎的知識點,一篇則是實際范例,來幫助大家深入理解:

干貨·神器

壹周速讀:超級實用的 UI 設計小技巧合集

現在有非常多提供免費音樂音效的網站,但要從龐大素材庫找到合適內容并不容易,而這篇文章要介紹的「cchound」是一個收錄 100% 免費、高質量 CC 授權音樂素材庫,用戶可通過類型、情緒、樂器和設備種類瀏覽,這些素材多半來自 FMA、Jamendo 或 Soundcloud 等網站,列在 cchound 會有標題、作者、標簽、來源、授權方式,使用者可以在網頁上實時播放,或將音樂下載為 .mp3 格式:

壹周速讀:超級實用的 UI 設計小技巧合集

設計師 Kiel Mutschelknaus 在讀研究生期間自學的3D和編程,創建了一個可以生成立體字體動態效果的網站,上面的海報就是用這個網站制作的,經過這幾年不斷的更新,現在這個網站非常強大,想要徹底弄明白里面的各種效果,就相當于學了一個新的軟件。大家可以跟著研習設小凹的文章,打開網站,邊看邊學:

壹周速讀:超級實用的 UI 設計小技巧合集

「Free Vector Illustrations & Animations」是由 Pixel True 提供的免費插圖和動畫素材,收錄 150 個以 MIT License 授權向量圖和動態圖,包含三種風格、一些常見插圖分類,像是分析、動物、冒險、商業、錯誤、安全、科技、網頁等等:

壹周速讀:超級實用的 UI 設計小技巧合集

這篇文章主要介紹了羚瓏動圖產品側對壓縮GIF格式文件的探索,其中歸納了壓縮GIF的各種方法以及相關開源工具,如果你在日常工作中經常需要同 Gif 圖打交道,那么這篇文章能夠很好地幫助你了解 Gif 圖以及優化壓縮的方法:

新視野

壹周速讀:超級實用的 UI 設計小技巧合集

2020年對于我們是魔幻現實的一年,但是苦難并不影響我們熱愛生活和認真的去生活。在豆瓣話題“用現實場景創作一幅電影海報”下,有3800多萬次瀏覽的目光落在3500+個回答上,在仔細觀看每個人作品的時候,你能感知到有趣的思維和設計的藝術:

收藏 204
點贊 13

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。