App之“文字”的設計技巧

隨著互聯網技術的高速發展、傳播媒體的國際化、信息資訊的大量膨脹，以及人們多元化需求的喚醒，原來單一的信息傳播方式受到了沖擊。

人類獲取信息的方式從最早的象形文字到現代富媒體的形式，富媒體讓信息的表達不再僅限于文字，它可以包括文字、圖案、表情、色彩、語音、音樂、視頻等。文字作為最直接，最有效的方式仍然是信息表達的首選。

下面是一個閱讀類的app｜日課，功能按鈕只用文字來表達，是不是蠻合意境的：

那么，文字在信息傳播中有何種特點呢？

首先，文字是敘述性的。因為它直接而具體地告訴受眾所指的內容。其次，文字也是一種符號圖形，代表了某種需要理解的含義。

下面先用幾個例子直觀理解下文字的敘述性及符號圖形兩個特點。

• 菜單，敘述為主

   

• 這是一幅室內設計的平面圖，文字是敘述性的。

• 這是標準的鍵盤，文字是敘述的。

• 地圖里的文字也是敘述的。

• 指示牌，敘述+圖形符號化

• 這是一段HTML的最基本的代碼結構，文字是敘述的也是符號化的。

• 海報，敘述+圖形符號化

從單純的敘述性到符號圖形的層層漸進，從一開始的菜單能最大的表達更多內容，到最后一張海報所表達的含義越發單純。

那么，在設計時，如何拿捏文字的敘述性與符號圖形這2個特性？

一、關于敘述性，可以通過歸納一些同語境的關鍵詞，來進行設計。

按照app的功能屬性進行大致分類，敘述性對應各功能屬性的關鍵詞有以下幾種：

a、閱讀屬性

b、電商屬性

c、旅游/活動屬性

d、工具屬性

e、分類排行屬性

1.1 閱讀屬性

所調查的app中，除了單讀、閱界這2款app基本不用文字來表達，其余app用的比較多的關鍵詞，比如頭條、推薦、精選、熱門、今日、收藏、熱點、發現、關注等。

研究的一些app：

網易：頭條、科技、汽車、時尚、圖片、24、測試閱讀口味，獲得更優質的推薦、置頂、跟貼、新聞、閱讀、視聽、話題、我。

站酷：推薦

反正：精選、更多、熱門

神補刀：高分榜、看看、玩玩

日課：我的、日課、設置、收藏、原文、今日、分享

墨客詩：收藏、設置、春節、作者、目錄、分享

視頻頭條：推薦、社會、娛樂、搞笑、頭條、爆料圈、歷史、我

今日頭條：推薦、熱點、上海、視頻、社會、訂閱、首頁、視頻、話題、我的

fork：貼紙、分享、轉發、關注、發現、通知、我

未來研究所：篩選、推薦、關注、娛樂、體育、財經、預測、專題、發現、福利、個人

1.2 電商屬性

電商類的用得比較多的關鍵詞為：商品、店鋪、超市、優惠券、購、搶、領、降價、秒殺、好貨、逛街、清單、購物車、超值、買單、立減、省。

研究的app清單：

京東：掃啊掃、消息、搜索京東商品/店鋪、京東超市、全球購、服裝城、白拿白賺、京東到家、搶2元話費、領京豆、優惠券、降價排行、全部、京東快報、秒殺、京選尖貨輪番秒、手機專享、限時滿減、閃購

網易考拉：在千萬海外商品中搜索、推薦、新發現、母嬰、美妝、箱包配飾、每日簽到、限時購、每日上新、立省5元、首頁、活動、分類、購物車、我的考拉

淘寶：掃一掃、流量任性花、消息、天貓、聚劃算、天貓國際、口碑外賣、天貓超市、充值中心、阿里旅行、領金幣、淘生活、分類、淘寶頭條、淘搶購、有好貨、愛逛街、必買清單、首頁、微淘、社區、購物車、我的淘寶

1號店：上海、搜索你想找的商品、1號團、充值中心、小區雷購、活色生鮮、1號閃購、1號商城、新品試用、訂單查詢、低價真相、手機會場、電腦會場、精選會場、首頁、分類、1品堂、購物車、我的1號店

汽車超人：上海市、優惠洗車、超值精洗、折扣車險、查違章、換輪胎、去保養、換機油、折扣加油、車品特賣、特惠保養、幸運大轉盤、快搶車、首頁、周邊門店、我的

萌販：這里！搜索你想要的宅品、搜索、COS用品、周邊食玩、手辦模型、衣服家裝、同人創作、ACG原作、每日一買、買買買、宅品、曬圖、我的

1.3 旅游/活動屬性

旅游類的用得比較多的關鍵詞為:目的地、景點、主題、交通、車程、排序、附近、發現、訂單、門票、攻略、簽證、酒店。

研究的app清單：

攜程周末游：目的地、主題、默認排序、車程、

活動樹：活動分類、活動日歷、附近、今日推薦、首頁、發現、我的

去哪兒：搜索旅行地/酒店/景點、酒店住宿、300元紅包未激活、酒店團購、今日特惠、公寓、鐘點房、國際酒店、會場、客棧民宿、交通出行、機票、火車票、特價機票、汽車票、車車、旅游&攻略、門票、攻略、旅游團購、簽證、首頁、服務、訂單、發現、我的

1.4 工具屬性

應用的范圍不一樣，關鍵詞差異較大，這個得具體問題具體研究了。

研究的app清單：

印象筆記：設置、文字、照片、提醒、清單、群聊、工作群聊、查看、筆記、全部、筆記本、標簽、

高鐵管家：火車票、飛機票、專車、踏青、出發地、目的地、出發日期、搜索、常用搜索、車票預定、我的行程、旅行服務、個人中心

1.5 分類排行屬性

關鍵詞：類別、精品、推薦、排行、更新、精選、新、優秀

研究的app清單：

Applestore：類別、精品推薦、優秀新App、顯示全部、升級好幫手、精品推薦、排行榜、我的附近、搜索、更新

pp助手：大家都在搜、必備、榜單、分類、活動、插件、優秀新軟件、顯示全部、優秀新游戲、精選、軟件、游戲、個性、管理

以上是一些歸納總結的關鍵詞，供參考。

二、符號圖形，我們可以從可識別性和可閱讀性兩方面探討。

這里總結了8種關于文字圖形符號化的設計技巧：

2.1 運用色彩、大小對比、深淺對比

給文字加點顏色，變換下大小，立馬不一樣哦～

2.2 正反圖底關系

想更凸顯文字，可以試試加個底色～

2.3 轉成繁體字

直接換成繁體字，簡單又好用～

2.4 品牌居中置頂

這已經成默認設置了，都是這樣布置的

2.5 個性化的搜索框提示

這里可以開腦洞啊，給產品一個符合特性的搜索提示語吧！～

2.6 標簽化

打標簽，裝飾味很足，容易吸引眼球

2.7 圖形+文字

直接把文字圖形化，但仍然保留文字信息，比純粹圖標表達的意思更準確

2.8 文字圖形化

文字圖形化，要設計得好需要花點時間呢

最后，再總結下：

一、敘述性，歸納同語境的關鍵詞，按照app的功能屬性分類，有：閱讀、電商、旅游/活動、工具、分類排行屬性

二、符號圖形，從可識別性和可閱讀性兩方面，總結了8種關于文字圖形符號化的設計技巧。

具體應用的時候，根據需求，拿捏好2者的關系即可。

來自：http://www.cocoachina.com/design/20160520/16361.html