App之“文字”的設計技巧

發表於2016-06-04

題外話:最近在忙著app上線,太忙了,沒顧得上寫文章,後面空了會繼續更新~

1

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

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

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

2

那麼,文字在資訊傳播中有何種特點呢?

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

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

選單,敘述為主

3

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

4

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

5

地圖裡的文字也是敘述的。

6

指示牌,敘述+圖形符號化

7

  這是一段HTML的最基本的程式碼結構,文字是敘述的也是符號化的。

<html>
<head>
<title></title>
</head>
<body>
</body>

</html>

海報,敘述+圖形符號化

8

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

那麼,在設計時,如何拿捏文字的敘述性與符號圖形這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運用色彩、大小對比、深淺對比

9

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

2.2正反圖底關係

10

想更凸顯文字,可以試試加個底色~

2.3轉成繁體字

11

直接換成繁體字,簡單又好用~

2.4品牌居中置頂

12

  這已經成預設設定了,都是這樣佈置的

2.5個性化的搜尋框提示

13

這裡可以開腦洞啊,給產品一個符合特性的搜尋提示語吧!~

2.6標籤化

14

打標籤,裝飾味很足,容易吸引眼球

2.7圖形+文字

15

  直接把文字圖形化,但仍然保留文字資訊,比純粹圖示表達的意思更準確

2.8文字圖形化

16

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

最後,再總結下:

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

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

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

相關文章