當前位置:菜譜大全網 - 美食做法 - UI那哥們給我上的第壹堂課,讓我至今難忘

UI那哥們給我上的第壹堂課,讓我至今難忘

我們項目的UI設計師是是壹個胖胖的暖男,我們喜歡稱他為胖虎。胖虎除了胖之外,還有壹個特別的地方,就是說話慢條斯理、有理有據,這也讓大家特別喜歡他。

我們產品經理每次扔給他原型之後,他總會極其高效的完成UI效果圖,每壹次我都會被他設計的作品驚嘆,我總會在想,他怎麽將顏色和文字運用的如此恰到好處,怎麽呈現出這種經驗的作品的。

他壹定是個藏匿於此處歇腳的大師。

那天,我微信問他:胖虎,咱們UI的設計規範都有哪些啊?能簡單介紹壹下嗎?

胖虎:這個只能用嘴說

我頓時裂開。

胖虎:要不明天給妳帶壹本書吧

我再次裂開。

中午吃飯的時候我看見他踏出了辦公室,我快步跟上他,喊了聲,胖虎哥,今天中午準備吃點啥呀?他笑瞇瞇的看著我說,當然去吃美食啦。

……

此處省去和胖虎的對話,下午的時候,我簡單整理了壹下胖虎給我的第壹堂課。

文字是任何產品的基本元素,打開任何壹個產品,首先呈現給用戶的當然是文字了,它承載了產品的內容信息,具有舉足輕重的地位。字體是設計中不可或缺的因素,不同風格的字體呈現出來的氣質不壹樣,在不同的場合中會給人不同的感受。

因此在設計過程中要考慮字體的設計效果,並且在設計的UI規範匯中標明。這樣前端或後端在開發過程中就可以按照既定的規範來合理開發了。

產品中對文字的要求有哪幾個方面呢?就像壹個合格的畢業論文都固定的文字格式和排版格式,同樣的,在產品中文字應該如何選擇、字號應該如何設定、字體顏色怎麽設置呢?

在字體的選擇上往往根據產品的特點、產品品牌延伸出來的關鍵詞來定位。有的字體字形方正、有的鑒定穩固、有的蒼穹有力、有的藝術多變。

常用的字體有華文黑體、微軟雅黑、蘋方字體、方正欄亭黑、Open Sans、Display、Helvertica Neue等等。

胖虎強烈推薦的萬能字體:蘋方字體和Helvetica Neue字體,如果有特殊要求,那麽就制定個性化的方案。壹般的在定義字體規範格式如下:

每個設計師遵循的字號理念是:字號的大小決定了信息的層次和權重,整齊大方、層次分明能夠讓整體設計清晰有序。相反,如果沒有選擇正確的字號,那麽會打破扁平化的設計,會讓界面看起來雜亂無章。

實際工作中對於字號的選擇,可以遵循IOS、Android的字體規範,還可以根據產品的特點去個性化定義。

胖虎認為根據文字位置和內容的重要程度可以將其分為三大級別:重要級別、壹般級別和較弱級別,他們所對應的樣式、字號和使用場景分別如下:

字體顏色同樣的根據文字位置和內容的重要程度分為三個級別:重要級別、壹般級別和較弱級別,對應的分別為用於特別強調突出的文字、正文標題、正文文字、用戶輸入框的提示和用於次級提示。

胖虎常用的字色選擇如下圖片所示。

在整理這些文字時,我越發覺得壹個優秀的UI設計師是壹個多麽嚴謹而富有浪漫的職業。產品的每壹個地方都離不開UI設計師辛苦的、壹絲不茍的細節把關,小到每個字號的大小,大到商業宣傳時海報的制作,也正是這個職業讓我們的產品變得更加活潑,更加貼近生活。

胖虎的三言兩語讓我深受啟發,讓我覺得作為產品經理的我對UI交互、UI設計知之甚少,這壹方面也是亟待需要提高的地方。

我擡頭望了眼胖虎,他正飛速的敲擊著鍵盤,飛速中透露著優雅,這次壹定又是滿意的答卷吧。