第十二屆大賽簡介 - 未來設計師·全國高校數字藝術設計大賽（NCDA）開始啦！視覺傳達設計命題之一: ui 設計，你想知道的都在這里。為了讓大家更好的參加這次比賽，本文特別為大家整理了以往NCDA大賽 UI 設計的優秀獲獎作品，僅供賽前參考

地址：https://js.design/f/pewfui?p=1RHvq23-fF&mode=design&source=csdn&plan=bttss31

獲獎作品分享

看完之前的獲獎作品，是否已經有了創作靈感呢？那么，如何確保你的 UI 設計作品在比賽中脫穎而出呢？接下來，我將介紹一些 UI 設計小技巧，幫助你在比賽中拔得頭籌！

即時設計 - 可實時協作的專業 UI 設計工具即時設計是一款支持在線協作的專業級 UI 設計工具，支持 Sketch、Figma、XD 格式導入，海量優質設計資源即拿即用。支持創建交互原型、獲取設計標注，為產設研團隊提供一站式協同辦公體驗。https://js.design/?source=csdn&plan=bttss31

1、保持信息簡短直白，去掉樹枝

確保文本信息足夠短，切題，去掉文本中不必要的修飾和枝節，讓用戶容易理解，有直接對話的感覺。

向用戶呈現清晰簡潔的信息，有助于更好地實現預期目標。

2、在創建較長的文本時使用 20pt 字號

對于博客文章、項目描述、文本部分等長篇文本內容，建議使用 20 pt(甚至更大)字號，這樣才能保證整體內容的可讀性。

當然，在具體的應用中，需要根據實際設置的字體進行靈活的處理，一些非常纖細的字體在 20 pt 閱讀體驗不夠好，此時可能需要適當放大。

3、不要僅僅依靠顏色來傳遞報錯信息

在設計中，不要僅僅依靠顏色來傳遞信息，這一點非常重要。特別是在表單上的錯誤信息中，僅僅在輸入框中添加一圈紅色邊緣并不足以讓用戶清楚地意識到錯誤以及如何糾正它。

一方面，我們需要使用明確的指導信息來幫助用戶理解如何糾正錯誤，另一方面，我們需要考慮到有視覺障礙的用戶無法通過顏色感知信息。

在實際項目中，使用圖標和文本共同傳達信息，有助于使信息更容易理解，提高整體可訪問性。

4、使用4pt基線和8pt網格來控制縱向間隔

說到字體和排版，你可以 4pt 基線和 8pt 網格系統的結合可以在設計中創造出更強的節奏感。

借助 4pt 基線用于控制行高，使用行高 4pt 倍數(4pt、8pt、12pt、16pt、20pt)設置行高值。

主要原因是傳統的 8pt 在網格系統中，行高控制相對粗糙，可選范圍相對狹窄，單獨使用 4pt 控制行距的基線系統要好得多。

5、減少標題文本的字間距和行高

與較長的文本文本不同，標題文本通常相對較短，但相應地，由于文本的大小，您需要適當地降低文本間距和高度，以確保標題的整體感覺更強。

適當降低行高和字間距可以獲得更好的可讀性，也可以使視覺舒適性更強。

6、使用多層次的陰影和微妙的邊框來突出元素

在 UI 在界面中，可以為元素添加多層陰影，也可以使用非常微妙的陰影 1px 邊框（顏色只比實際陰影深一點）可以讓它們看起來更清晰和突出。這種處理方法產生的陰影不會顯得太渾濁，也可以使整體視覺更加清晰。

沒有工具的幫助，就不可能做出實用的設計。因此，推薦使用即時設計 在實踐中改進你的設計。即時設計 是一款一體化產品設計工具，包含數百個你在其他工具中找不到的現代ui/ux、原型設計功能。而且即時設計 的界面設計簡潔美觀，新手小白也能快速上手使用。

即時設計 - 可實時協作的專業 UI 設計工具即時設計是一款支持在線協作的專業級 UI 設計工具，支持 Sketch、Figma、XD 格式導入，海量優質設計資源即拿即用。支持創建交互原型、獲取設計標注，為產設研團隊提供一站式協同辦公體驗。https://js.design/?source=csdn&plan=bttss31