App,說的就是「字」

2021-06-27 02:13:41 字數 1481 閱讀 8598

手機客戶端設計中,設計師和程式設計師有很多故事:可能乙個設計師配備幾個開發人員;可能乙個開發人員面對乙個設計師和乙個切圖人員;每個開發人員的開發習慣也不一樣,有的人需要點九圖,有的人甚至需要你把字型都放在圖示中一起切出來;安卓開發人員苦命地進行螢幕適配時,也得不斷尋求設計師的協助;設計師的互動及視覺工作,與程式設計師的開發工作很多時候是並行的,切圖資源的命名不可避免發生衝突……這些現實問題又不可避免導致後面的問題:資源庫中堆積了沒用的切圖,要麼花好幾天時間清理,要麼安裝檔案無形變大;一些公共資源被開發人員忽視,反覆找切圖人員要資源;開發出來的demo與實際效果圖出入很大,需要反覆不斷地檢查,才能達到預期效果……

在這裡筆者將在一年多的設計歷程中,遇到的問題都梳理出來,爭取能夠提高設計師與開發人員的溝通效率,提公升產品質量。也請經驗人士指正,造福更多設計人員。

本期就先講一講字型的大小問題。

一、手機客戶端字型大小設計的重要性

手機客戶端的各個頁面不可避免涉及到字型、字型大小和字型顏色的考慮,其中在手機螢幕這個特殊媒介中,字型大小顯得更為重要。為了不違反設計意圖,同時考慮到手機顯示效果的易看性,必須了解在電腦做圖時採用的字型大小和開發過程中採用的字型大小。

我們通過例子看看為什麼字型大小對設計的影響,尤其是在電腦做圖與手機適配的過程中。左圖是電腦設計效果,本頁面的設計意圖是:會議第一天—-有幾個會場—每個分會場之下的日程安排,因此設計中「會議第一天」的視覺區域最重,「會場」其次,而日程內容視覺應該再輕於分類tab。然而在手機上適配gui時,日程列表的主標題和副標題字型大小必然需要增加才能達到易看性,但字型大小一增加,內容頁的視覺份量便會重於分類tab,於是導致的後果是:使用者並沒有一眼理解出日程內容是在各個分會場之下的,從而達不到設計意圖,造成體驗問題(記得眯著眼睛看羅,很多時候眯著眼睛看可以發現空間層次、配色、主次關係等很多方面的問題)。

最後這個問題是這樣解決的:通過加深分類tab(即會場欄)的顏色來加重其份量,讓日程內容被包含其中。見下圖:

二、讓設計與開發順利接軌的字型規範

我們知道,用photoshop畫效果圖時,字型大小我們一般直接用「點」做單位,然而在開發中,一般採用「sp」做單位(有關安卓中的dp/sp/px,有興趣的童鞋,可以看看這個如何保證畫圖時的字型大小選擇和手機適配效果一致呢?下面以幾個常用應用的字型效果來說明在photoshop中和開發中字型大小的選擇。

(1)列表的主標題

多公尺**首頁的歌曲列表主標題的字型大小在ps中應採用26–28號左右,一行大概容納14個字。開發程式中對應的字型大小是20號字。

列表的副標題的字型大小一般沒有太多的要求,基本原則是保證字型顏色和字型大小小於主標題即可。

(3)正文:

正文本號的大小一般需要保證每行不多於22個字,如果過小,影響閱讀。在電腦設計中大概保證不小於16號字型,在開發程式中不小於12號字

總結和注意:

找準以上對應關係,下次你就可以直接告訴開發者,這個頁面中不同層級的內容分別用多大字型大小。很牛滴。

最後需要注意的是:同樣的字型大小,不同的字型,顯示的大小可能不一樣,需要注意。這也是以上**中沒有對將點和sp完全一一對應的原因。如下是三類同樣字型大小的字型的對比效果:

為什麼說,未來的無印良品,就是今天的「肯德基」?

令 拜無印教 有些傷感的是,4 年之內的 9 次降價,並未阻擋無印良www.cppcns.com品在中國市場銷售放緩的步伐。最近,無印良品母公司株式會社良品計畫發布了 2018 年q2 2019 財年q2 財報,中國市場的同店銷售首次出現 跌幅2.2 事實上,根據 分析,無印良品在中國市場的增速從去...

ssh免密登入配置(應該就是說的互信)簡潔說明

ssh 10.10.3.9 就可以登入到10.10.3.9這台機器。意思是 用的當前使用者登入 預設埠22登入到。操作完成後通過exit退出登入。上面這條命令,在配置免密登入前需要密碼輸入的。為了方面配置一下,就不需要輸入密碼。下面以root使用者為例 1 ssh keygen生成ssh金鑰對,如下...

創業者的工作就是不停地說 能

我得到的最佳建議來自我的父親。他說 這個世界有說 不能 的習慣。它有大量的慣性,不喜歡改變。但作為一位創業者,你的工作就是不停地說 能 這個建議之所以神奇,是因為它真的讓我為創業做好了充分準備,讓我懂得創業是一段在 不能 和 能 之間不斷顛簸,猶如過山車一般的旅程。所以,每當我遭遇 不能 或者什麼地...