UI設計中的排版方法

2021-10-08 18:38:52 字數 646 閱讀 8465

「留白」這個詞出現在各種行業裡,是個又高階又時長被濫用的詞彙,大家都明白它的含義卻總是在設計中忽視,做著做著就把介面填滿了。

留白是指保證介面中的某乙個區域沒有多餘的元素、裝飾、文字、。它有助於分割各個板塊,為你設計的作品增加更多的層次感。同時它可以有效地引導使用者視線,減輕瀏覽過程的壓力。有效的留白可以讓你的產品重點更突出,更美觀。

分組就是將相近類別的幾項資訊聚合在一起,形成乙個組,這是個很直觀又好用的辦法。可以很快地把資訊呈現在使用者面前,減少了使用者資訊接收時候的負荷。比如qq**的推薦歌單,其實並沒有真正框起來某一塊告訴你這是什麼。只是通過一些分組、聚合就會讓使用者有乙個特別直觀的感受。

對比是指避免頁面上的元素看起來太過相似,這樣會造成使用者理解上有困難。如果內容有明確的區別那就通過改變元素顏色、大小、線寬、形狀、空間等產生一種強有力的視覺對比,讓它們變得截然不同,讓主題更引人注目。

根據親密性來組織複雜的資訊是相當好用的,彼此有關聯的元素應當靠近,形成某種關係。如果多個相互之間存在關聯的項離得非常近,它們就組成乙個視覺單元,而不是多個單獨的元素。有助於組織複雜、多元的資訊,減少混亂對讀者造成的干擾。可以清晰地通過這個介面中的親密性一眼分辨出主次關係,例如:頭像、標籤以及內容。每張下面的文字內容都形成了乙個視覺單元,與文字很好的配合。使用者在很快的時間內就可以閱讀到有效訊息並決定要不要點開看看詳細內容。

UI 設計中的漸變

簡評 漸變是通過兩種或多種不同的色彩來繪製乙個元素,同時在顏色的交界處進行衰減變化的一種設計。從擬物到扁平再到漸變,人們慢慢發現它能創造出從未有過的一種色彩感覺 獨特 現代和清爽。本文譯者 aceyclee 很長一段時間以來,設計界都不怎麼待見 漸變 這還得拜 90 年代的 powerpoint 所...

在網頁設計中如何排版

可以說,排版是ui設計中最難的部分。在這篇文章中,我會教你一些實用的技巧,你可以在你的專案中使用。我們應該記住,除了美學,我們還有使用者。你需要使用的字型要靈活。你的字型應該提供粗細不同的寬度。注意這些方面是很重要的,好的排版對讀者來說是 透明 的,但壞的就會讓人從顯示器上 尖叫 出來。了解什麼字型...

UI設計中的過度釋放

昨天在做相簿的時候遇到了乙個問題,系統沒有報錯,但在執行後總是crash,來回找錯好幾次也沒有發現錯誤,後來才發現是記憶體管理出了問題.在viewcontroller中,我宣告了乙個 uipagecontrol page 的屬性,但是在實現的時候,一時粗心大意我將 self page uipagec...