APP界面設計:如何選符合產品氣質的字體

2020-12-11 站長之家

不管是中文還是英文,文字不僅是傳達信息的載體,也是設計中的重要元素,設計過程中儘量保證文字的閱讀性,在嚴謹中尋求突破。經過藝術設計的字體,可以使信息更形象、更美感的銘記於你心中。

隨著移動端扁平化設計推進,越來越多的設計師不滿足於僅僅是色塊、圖標和系統字體的枯燥組合,而把更多的心思投入到精益求精的視覺設計中。

iOS 系統當中的APP設計字體:

常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果最好。

iOS7字體設計規範以及APP設計中英文字體下載

Android系統當中的APP界面設計字體:

英文字體:Roboto         中文字體:Noto   (Android 5.0 Lollipop 思源黑體字體)也是目前安卓系統當中使用的最新字體,之前的字體還有如下Droid字體。字體設計也比較優雅。

Android移動APP設計字體規範詳解

下面我們就來看看一些比較好的符合產品氣質的字體和app。

優雅的APP案例欣賞:Yahoo 天氣 – 最優雅的天氣APP

Yahoo Weather! 不論是在布局、字體和色彩的運用上都顯得精緻細膩,滑動時高斯模糊的處理更是流暢平滑。值得去下載學習。

好的字體在文本的易讀性上起了決定作用,卻不止於此,它也傳遞出設計師分享的意圖。它是整個用戶體驗的重要部分。

從另一方面講,缺乏好的字體,是整個產品不專業的表現。文字是主要界面的基礎元素。

第一部分:如何來選擇更符合產品主題氣氛的字體與字形:

案例1  戰爭氣質

原型/圓體、哥特體

左圖字體所傳達的氣質:趣味、活潑;

顯得對這部戰爭類型的電影所表現的氣質格格不入。

右圖字體所傳達的氣質:哥特、凌厲;

採用了具有裝飾性的襯線字體,襯線字體的特點在於線條交接處和末端具有明顯的粗細變化和裝飾,使字體氣氛感覺犀利,加上紋理質感處理,便有了神話意境和哥德式驚悚的味道,很好的襯託出電影本身的氣質。

案例2  文藝氣質

原型/宋體

上面兩張電影海報應用的字體都是宋體,宋體的衍生有很多,又長有扁,有胖有瘦。一般用於書籍印刷。而在電影界上這類型字體多用於文藝片,正如案例中,兩部都是文藝溫馨的愛情片,運用宋體進行排版處理,既顯得清新又文藝。

案例3  女性氣質

原型/細線體、襯線體

字如其人,女性的特點是細緻優雅、苗條細長;常被用作化妝品、女性雜誌、藝術等女性主題領域。

案例4  男性氣質

原型/黑體

作為強現代感的無襯線字體—黑體,給人感覺粗壯緊湊,頗有力量感,可塑性很強,對比案例3的細線體,即可表現為陽剛有力的男性氣質,也可以變成纖細優雅的女性氣質。

案例5  歷史文化氣質

原型/書法字體

書法字體具有很強的設計感與藝術表現力,運用好的話往往是點睛之筆。各式各樣的書法字體有著自己獨特的細膩的特點,把握好這一點,既能給電影增加文化內涵,也能襯託出電影的氣質。

從以上5個方面,算是給大家點睛了一下。希望大家可以自己多去觀察和了解這些字體的氣質。才能很好的用在我們的移動app界面上。

如今,字體是移動設計師的重要武器之一,恰當的字體運用,可以使產品的定位和內容的情感有加倍的表達。因為系統默認的字體太少或者太醜了。可以供設計師發揮的就是內嵌字體。

內嵌字體就是 設計師設計在圖片上 或者是把字體當中圖形化的一種使用。

所以,內嵌字體,成為了一些追求完美的App設計師的一個解決方案。

當然,有些時間設計師也要學會根據產品的氣質去改變字體。重新設計下字體。

第二部分、APP案例詳解:簡書APP

作為一個「交流故事,溝通想法」的的寫作平臺App,簡書為了優化閱讀體驗,選擇了思源黑體作為內嵌字體,使用戶發布的不管是簡體中文、繁體中文、還是日文韓文,都能有比較理想的表現。食色的產品概念是和「生活家」們一起,發現與分享城市中的美食,所以選擇了細膩精緻的方正蘭亭纖黑作為主要的界面字體。

用戶第一次使用,就能感受它與其他產品在氣質上的不同。

除了內嵌簡潔親和的非襯線體之外,諸如像Lohas樂活這樣小清新和強調自然生活感的產品,則會選用了田氏宋體舊字形或者方正蘭亭刊宋之類的,既能體現古韻,又相當簡練質感的襯線字體來表達產品定位和氣質。

以上這些關於移動app字體設計知識,希望對各位有所幫助。

相關焦點

  • 界面好看,字體當然不能拖後腿
    韓國知名電商11街的視覺升級中,對於中英文字體,有著明確的規範UBER的設計規範中,也對字體有著明確的要求,英文字體,印刷字體,以及詳細使用規則越來越多的公司慢慢對字體在設計中運用進行規範,今天我們一起來聊聊界面設計中如何去定義我們的字體,以及UI中字體的一些運用規則。
  • APP界面的字體規範!
    文字設計是界面設計中最細節的部分,也是最不可忽視的基礎部分。在界面設計過程中要考慮兩大因素:文字辨識度和界面的易讀性。在任何一個有效的界面裡,具有層次的設計可以將界面上重要的部分與次要的部分區分開來,可以從對齊、間距、顏色、縮進和字體等方面做文章。當所有這些都調整運用得適當時,可以提高整個界面的可讀性。很多剛做APP界面的設計師,經常會因為字號、字體顏色、間距而困擾。
  • 譯文|界面設計中,關於字體設計的10 個錦囊
    字體作為界面設計的一個元素,對用戶的閱讀體驗起著至關重要的作用。本文是 UI 設計師 Viljami Salminen 分享的用戶界面字體設計的基本規則和技巧。在現代的交互界面中,文本即界面,字體設計則成為主要的設計規範。字體即界面設計的基石在用戶界面中,每一個單詞和字母都至關重要。好的字體等於好的設計。字體成了界面設計的基石,而我們設計師,則是這些這類「信息基石」的修造者。觀察下面這個例子,想像一下,把以下圖片中的元素拆解開來,看看會是什麼樣子——一個個單詞、兩張圖片、幾個圖標。
  • 界面視覺設計要素:字體篇
    本文總結了字體設計的重要性、界面常用字體推薦以及國內外權威設計體系中對字號、行高、字重的選擇和設置。如果你想對界面字體設計有更深一步地了解和運用,本文將會提供一些幫助。一、字體1.界面常用字體推薦字體的選擇是由產品屬性或品牌特性的關鍵詞而決定。一般中文字體種類分為:黑體、宋體、仿宋、楷體等;英文字體種類分為:無襯線體、襯線體、義大利斜體、手寫體、黑字體等。中文字體推薦線上中文字體推薦使用 思源黑體、華文黑體、冬青黑體、微軟雅黑、蘋方-簡、黑體-簡、方正蘭亭黑。
  • APP界面字體的規範使用
    一個好看的界面設計,文字的設計是不容忽視的,也是最細節的部分。針對文字設計,我們需要考慮的兩大因素:文字的辨識度和界面的易讀性。
  • app界面設計的流行趨勢
    app界面設計的流行趨勢,界面作為我們認識app的第一道門檻,是app的「面子」,更是不可忽視的一項重點設計,為了建立有效的ui,設計師需要根據移動端app本身的特性和當下趨勢,作出不一樣的改變。但當今設計趨勢瞬息萬變,在沒有統一標準的設計規則之下,緊跟設計趨勢,才能保證ui對用戶的吸引力常在。一、首頁作為設計師,一定要做到多看多用才能夠找到更適合產品本身的展示方式。下面介紹一下首頁最常見的4種表現形式,分別是列表型首頁、圖標型首頁、卡片型首頁和綜合性首頁,不同類型的首頁布局承載著不同的內涵。
  • 界面設計必備!全方位科普常用的字體規範
    應廣大群眾要求,今天@Micu設計 同學不說高大上的教程,來點即學即用的乾貨,從界面中文字的使用規則到字體顏色的選擇,都有具體細緻的說明,非常適合基礎不紮實的同學。想一次性搞定字體這個關鍵點,馬上學起來 >>>好長時間沒發帖,淨想過年了,過年哈,倒騰工作總結和年貨是大事。
  • 乾貨:VR APP界面設計實踐指南
    我們的工作室設計的第一款全界面式的VR產品是為《經濟學人》雜誌打造的app。我們負責設計,合作方Visualise工作室負責開發實現與內容創作。在本文中,我們將以這款app的設計流程作為案例,首先對VR app的整體設計方式進行了解,然後重點聚焦於界面設計方面。 你也可以到Oculus的官網下載用於Gear VR的《經濟學人雜誌》VR app。
  • 20個優秀手機界面扁平化設計,讓你一秒看懂扁平化
    自13年興起的Flat設計趨勢,也恰恰好符合了這一規律。去除冗餘、厚重和繁雜的裝飾效果,這是Flat設計的核心意義。道理仿佛異常簡單,但要做出優秀的Flat設計,卻並不如此。如何去掉多餘的透視、紋理、漸變以及能做出3D效果的元素讓「信息」本身重新作為核心被凸顯出來?如何設計出抽象、極簡和符號化的設計元素?
  • 如何實現完美的手機UI界面,從文本排版設計說起
    如何進一步美化這個世界,優化用戶體驗?如何在手機有限的屏幕上呈現清晰的UI和UX?這裡太多因素需要考慮,文本排版設計就是其中不可或缺的一部分。今天,我將從文本排版設計角度出發,談談如何實現完美的手機UI界面。首先,有必要了解一下基礎知識。國內一些設計師,或者開發人員,可能從來都沒有接觸過文本排版設計的培訓或學習。1、什麼是文本排版?
  • 如何設計出極簡主義風格的APP界面?
    在APP的產品設計上,極簡併不是盲目追求形式上的簡單,而是複雜的升華,是充滿人情味的精簡設計。本文重點介紹了幾種極簡主義風格APP的界面設計方法。極簡主義在產品設計上的萌芽和發展,並非源自審美上的需求或風潮。在上世紀初期,隨著工業製造體系的變革,以包浩斯為代表的眾多機構、公司和設計師開始在全新的製造體系中,尋找更適合工業化生產的設計方法與審美體系。在今天,極簡主義早已演變成了一種潮流、一種文化、一種生活方式、一種價值觀,被應用在各行各業的方方面面。
  • 保姆級UI界面版式設計實用小技巧
    4.如何改變版面圖版率與視覺空間比重 我們來看下qq音樂會員中心頁面的設計,不同的等級對應不同的顏色card,運用顏色填充背景吸引用戶增加界面專屬比重
  • 如何創建精緻的UI界面(一):排版篇
    合理運用空間的力量空間即我們常說的留白,當設計元素緊緊地聚集在一起時,界面看起來沒有重點,因此需要和諧的運用它,空間的運用規則直接影響產品的性格,小空間和大空間在視覺感受上,兩者完全不同,那麼我們在界面設計中如何去更好的運用空間來設計排版。
  • APP界面設計的視覺原則!
    如何利用有限的設計空間和視覺元素來進行手機軟體界面設計成為設計師們面臨的一個重要課題。眾所周知,手機誕生在數字時代。它的歷史還非常短暫,但由於與人們的日常生活關係密切,在世界範圍內它擁有海量的使用者,並已經成為各種信息傳播的主流媒介。隨著數位技術的發展,手機在功能上不斷的全面與智能化。這就給手機軟體界面的設計提供了廣闊的展示平臺。
  • 如何提升UI設計的高級感
    編輯導語:我們平常會使用很多APP,久而久之我們會發現一些APP的設計非常的相似;一個有新意、精緻的APP界面可以讓用戶產生很深的影響,對產品的形象也有一定的幫助;本文作者分享了關於如何提升UI設計的高級感的方法,我們一起來看一下。
  • 如何在APP界面設計中把文字排版做到極致?
    你正在設計的應用不僅運行在iPhone X上,而是有更多不同的設備…所以你使用的字體必須靈活。你的字體應該提供各種粗細變化、在特殊符號中的寬度範圍,它也必須要渲染地非常好。必須要注意這些方面,確保你的用戶不會因你的無知而受苦。好的排版對觀看者來說是「沒有感覺」的,而不好的排版呈現在屏幕中則會感到非常可怕。
  • 10個最新手機美食APP界面設計欣賞
    移動軟體時代,簡單下載美食app,動動手指,滑動幾下手機屏幕,即可足不出戶,搜索,預定和購買各路美食。然而,對於作為手機app UI 界面設計師的你來說,最大的問題並不在於如何使用這些美食軟體來方便生活,而是在於如何才能為各類餐廳,酒店,咖啡館,水果以及飲料店設計出美觀,舒適且簡單易用的手機美食App,對吧?
  • APP界面設計中如何建立更好的層次感?
    下面從五個角度分析如何在界面設計過程中營造層次感。文字的層級區分在界面設計中,文字部分的層級區分是決定一個界面是否具有層次感的重要因素。一般情況下,文字可以進行調整的屬性有字體、字號、色相、明度等。其中字號的大小是拉開文字層級的首要因素。
  • 字體設計是個技術活,方正字庫辦了一場告訴你如何運用字體的設計展
    「字有格局」方正字庫海報設計邀請展暨東京TDC 2019選作展 圖片來源:方正字庫「字有格局」方正字庫海報設計邀請展暨東京TDC 2019選作展 圖片來源:方正字庫對於觀眾來說,這場展覽可以說是字體應用的一次直觀展示。
  • 老齡化產品設計(二):老年人產品的顏色、圖像、排版、交互、導航設計
    老年人群體和年輕人群體有很多的不同,在產品設計上也需要有很多區別。之前有分析過老年人的用戶群體特徵,這篇文章我們來看看如何針對老年人群體做產品設計。各大廠的設計規範都指明圖標設計需要簡單友好和高辨識度。邏輯推理和概括抽象等思維能力越老越喪失,在圖標上的設計更應該注意,符合自然感知,能準確的表達含義,避免過度抽象。2. 提供圖形的名稱是否給圖標加上標籤文字一直是個爭論不休的話題。