IT之家 · Android客戶端重設計 · 靜態解剖 · A ?

寫在前面

IT之家的重設計企劃從 2015年11月7日 開始,到 2016年10月4日 為止經歷了兩個重大版本。

為什麼要進行重設計?——目的一直都是為了練手,我推崇「實戰法」,即通過完成實際項目來更快速的提升思維深度與技術熟練度。確實,我對 Material Design 的理解上了不止 233 個台階,現在再回顧以前的作品真是感慨萬千。

為什麼選擇IT之家?——哈哈,更多的是對這個信息平台的感謝,現在沒有之家就像與世界隔絕甚久。這幾年看著之家的一手信息越來越多,但是卻因為欠佳的閱讀體驗導致很多贊功能被埋沒了。所以這份重設計是獻給自己也是獻給之家的。

字體排印

字體排印是字體設計的方式。Material Design 的其中一條設計準則就是使內容鮮明、形象、意向精確,而形象的特性始於字體排印。其實,當你特意觀察優秀的界面時,幾乎每個頁面的內容都十分明晰,而字體就是其主要元素。所以如果只將文字用區塊表現出來,你就知道界面結構真真切切是由經排印的文本構成。這是個固定結構的好方法,當設計界面的時候可以將文本用區塊表示出來,看看這些文本有沒有撐起整個界面。總而言之,UI 設計就是對內容的排版。當我們拿起工具設計時,我們都是排印師,不管真的是與不是。

像IT之家這類閱讀類應用,設計時字體排印的優先順序一定是最高的。

網格布局

Android 設備種類繁多,為某個解析度單獨優化的界面肯定不能獨當一面,這時就需要網格布局助陣。根據規範,8dp 的網格即方便計算又給了內容足夠的舒展空間。或者這麼說,網格布局讓不同平台的應用之間有了相通性。一個風格的設計能快速拓展到不同的平台上。

遵循規範的解析度斷點,使各區間的設計更貼合於不同的設備上。搭配 Android N 的分屏功能,錦上添花。

品牌雜項

打造之家風,做個IT人。

後話

如果IT之家想做大做強,必定要跨過設計這道大坎。希望這份設計能成為跨坎橋最堅實的基準。寫完這篇才發現偏題了,歡迎有想法的小夥伴與我交流。

感謝你的發現與觀看。


推薦閱讀:

Material design中所說的基礎色飽和度500,600,700這是什麼意思?
如何看待 Google 讓自家應用的 iOS 版與 Android 版統一使用 Material Design ?
material design 的 material never fold 。為什麼有這樣一條?
我設計的 UI 為想追求 Material Design,如何?
Material Design 中,material 的 1 dp thick 是什麼意思?

TAG:MaterialDesign | 用户界面设计 | Android |