快速改善用戶界面的7條設計技巧

0 評論 6286 瀏覽 9 收藏 8 分鐘

編輯導讀:好的設計原則是可以很容易被大眾學習和實踐的,本文作者從自身工作經驗出發,為我們分享了一些立馬就能用到的設計小技巧并分別進行了介紹分析,希望能夠給你帶來一定的啟發。

設計美觀且好用的用戶界面需要時間,并且在此過程中會進行多次設計修改。但是我多年來發現的是,通過進行一些簡單的調整,您可以快速更好的調整。

本文整理了一些小的、易于實踐的技巧,這些技巧可以幫助既提高您的UI視覺設計(UI)以及用戶體驗設計(UX)。在本文中,我主要集中在排版上,因為我知道,當涉及到制作美觀、好用的設計時,對字體的理解是多么重要。

01 當你在尋找好的字體組合時,使用字體超家族,但是要快

它是一只鳥嗎?是飛機嗎?不。這是一個字體超級家族!

當你想提高你的字體組合技巧,面對上千種可供選擇的字體時,你有點膽怯,那就選擇一個字體超家族吧。

超家族是字體的集合,可以是Serif和Sans-Serif兩種變體,它們是為了在視覺上緊密協調而創建的。

我強烈推薦Merriweather&Merriweather Sans和Roboto&Roboto Slab。

如果你想有效地組合字體,而且不必擔心挑選出一個難看的組合,那么在選擇一個字體超家族時,你很少會出錯。

02 減少標題上的字母間距,以達到更好的視覺平衡


減少正文文本的字母間距?那是一個很大的禁忌!

但是標題是否可以呢…

……我的回答是肯定的!

你的標題很有可能比正文中的標題大得多,而且比正文中更重,因此字母之間的間距有時會顯得更大,而這并不是你在尋找完美美感時想要的。

減少字母間距,只要減少很小的量,就能使標題在視覺上更加平衡,可讀性更強,并且通??雌饋砀钊擞淇?。

03 讓你的標題和正文的垂直節奏恰到好處


當你想獲得一個良好的垂直節奏,以及在你的設計中文本元素之間有一個強大的視覺層次結構時,讓你的邊距井然有序是值得的。

我看到過很多設計,最常見的是在文章列表中,他們在標題上使用了相同的上下邊距,這樣就失去了與下面正文的聯系。

在這種情況下,我總是在標題的頂部加上更多的空白,而在底部的空白要少一些,這樣標題和下面的內容之間的聯系更緊密,有很好的垂直節奏,并且在所有內容之間都保留了視覺層次。

04 盡量只在短標題上使用全大寫字母,例如Kickers


如果你想在你的標題上使用全大寫字母,盡可能確保它們都很短,最好是一行。在較長的文本中使用它們是一個非常糟糕的主意。

就像之前的“技巧”一樣,在所有大寫字母的標題上加上一個細微的字母間距也可以讓它們呼吸,并在視覺上看起來更好。

05 如果您可以使標題簡短明了……“就這樣做吧”


如果可以的話,如果合適的話,標題要簡短、簡潔、活潑、指向重點。

例如。代替“這是你的風格,你的方式”,只需使用“你的風格”“你的方式?!?/p>

人們瀏覽,這些簡短的標題,有力的幫助他們消化信息更快。

請記住,這種方式可能會遇到相當突兀的情況,您需要考慮您正在處理的項目的類型,以及目標受眾來決定此方法是否適合,而不是更標準的格式。

06 在選擇多用途字體時,盡量找一種重量大的權重字體


你一直在尋找的字體是否有字重和樣式選擇?

如果你打算在你的一些項目中使用它的話,試著確保它能做到。

只有一個重量或樣式的字體。如果可以的話,我建議你避開那些。

當然也有例外,某些項目會要求“只有一種風格”的字體更加精致,但對于絕大多數項目來說,你希望字體的選擇稍微多一點。

即使你決定只使用兩到三種重量或樣式,如果你需要在設計過程的后期階段進行更多操作,給你自己一個呼吸的空間。

07 選擇正確的字體給你的設計以正確的“聲音”


在項目中使用文本時,選擇正確的字體會影響文本的語調。聲音應該大聲、溫柔、友好或者正式、嚴肅、有趣。

每種字體都有自己獨特的聲音,這是為了找到適合你目前正在工作的項目的聲音。

當你剛開始使用字體時,這看起來是一項艱巨的任務。因此不要害怕受到類似項目的啟發,從中汲取靈感,既能幫助影響你的決定,又能提高你對什么是合適的理解。

 

作者:Marc Andrew

原文地址:https://uxdesign.cc/7-more-tips-to-quickly-improve-your-uis-1c2e8f446777

本文由 @七分 翻譯發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!