小處顯逼格！APP界面如何在細(xì)節(jié)上提升氣質(zhì)？

時(shí)代總是在螺旋式地發(fā)展變化著，設(shè)計(jì)潮流也是如此。隨著移動(dòng)端扁平化的設(shè)計(jì)推進(jìn)，越來(lái)越多的設(shè)計(jì)師們不滿足的不僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合，而是把更多的心思投入到精益求精的視覺(jué)設(shè)計(jì)中。從平面設(shè)計(jì)引申過(guò)來(lái)的技巧在這時(shí)起到了畫(huà)龍點(diǎn)睛的作用：一些細(xì)節(jié)上的處理，為移動(dòng)產(chǎn)品的界面大大地提升了品牌逼格。

 

例如：以設(shè)計(jì)精美著稱(chēng)的Yahoo兩款明星App產(chǎn)品Yahoo Weather和Yahoo Digest，除了在產(chǎn)品設(shè)計(jì)上的極致和突出表現(xiàn)外，模糊和斜切的手法，給整個(gè)產(chǎn)品的品牌氣質(zhì)提升到了一個(gè)新的高度。Yahoo Weather不論是在布局、字體和色彩的運(yùn)用上都顯得精致細(xì)膩，滑動(dòng)時(shí)高斯模糊的處理更是流暢平滑。Yahoo Digest的斜切突出了一個(gè)“破”，在不影響照片內(nèi)容的前提下，既能在視覺(jué)上顯得與眾不同，又能在排版上巧妙地為色彩標(biāo)簽留了一角之地，比起一刀平，更顯得靈動(dòng)而不失平衡感。

 

 

國(guó)外的優(yōu)秀案例我們已經(jīng)看過(guò)很多了，然而中文App在視覺(jué)設(shè)計(jì)上，往往與西文App無(wú)法相提并論。由于各種原因，例如字體的硬傷等，即使依樣畫(huà)葫蘆也比原作遜色不少，這樣的無(wú)奈給中文App設(shè)計(jì)師們徒增不少煩惱。但江山代有人才出，讓我們也關(guān)注一下身邊，總結(jié)一下近年來(lái)一些優(yōu)秀的中文App如何通過(guò)細(xì)節(jié)設(shè)計(jì)，提升產(chǎn)品逼格的吧。

 

選用符合產(chǎn)品氣質(zhì)的字體

 

字體是設(shè)計(jì)師的重要武器之一，恰當(dāng)?shù)倪\(yùn)用字體，可以使產(chǎn)品的定位和情感的內(nèi)容加倍的表達(dá)。然則困擾著許多設(shè)計(jì)師的一件事是，不管是哪個(gè)平臺(tái)，移動(dòng)系統(tǒng)中自帶的中！文！字！體！實(shí)在是太少了，且沒(méi)有什么特色。而內(nèi)嵌字體，則成為了一些追求完美App設(shè)計(jì)師們的一個(gè)解決方案。

 

 

作為一個(gè)「交流故事，溝通想法」的寫(xiě)作平臺(tái)App，簡(jiǎn)書(shū)為了優(yōu)化閱讀體驗(yàn)，選擇思源黑體作為內(nèi)嵌字體，使用戶發(fā)布的不管是簡(jiǎn)體中文、繁體中文、還是日文韓文，都能有比較理想的表現(xiàn)。食色的產(chǎn)品概念是和「生活家」們一起發(fā)現(xiàn)與分享城市中的美食，所以選擇了細(xì)膩精致的方正蘭亭纖黑作為主要的界面字體。用戶第一次使用，就能感受它與其它產(chǎn)品在氣質(zhì)上的不同。

 

除了內(nèi)嵌簡(jiǎn)潔親和的非襯線體之外，諸如像Lohas樂(lè)活這樣小清新和強(qiáng)調(diào)自然生活感的產(chǎn)品，則會(huì)選用田氏宋體舊字形或者方正蘭亭刊宋之類(lèi)的，既能體現(xiàn)古韻，又能使簡(jiǎn)練質(zhì)感的襯線字體來(lái)表達(dá)產(chǎn)品的定位和氣質(zhì)。

 

 

巧用平面設(shè)計(jì)的排版技巧

 

俗話說(shuō)，越是家常的菜式越是考驗(yàn)大廚的功力，譬如番茄炒蛋。越是簡(jiǎn)單的元素越是考驗(yàn)設(shè)計(jì)師，譬如白底黑字，或是黑底白字。而黑白搭配的美，我們可以從大師原研哉的作品中深切地體會(huì)到。白面之上，黑字是字也是裝飾，是點(diǎn)也是線。通過(guò)調(diào)整體積和間隔，錯(cuò)落地形成畫(huà)面，構(gòu)造韻律。

 

 

IDEAT理想家的App，繼承了法國(guó)IDEAT雜志的理念，以展示設(shè)計(jì)、藝術(shù)和風(fēng)尚的「當(dāng)代生活」為主。App界面上除了內(nèi)容圖片之外，幾乎沒(méi)有黑白以外的其他色彩元素。通過(guò)襯以黑底的高亮白字，既是內(nèi)容又是裝飾，貫穿在整個(gè)App設(shè)計(jì)元素當(dāng)中；調(diào)節(jié)這些文字與其他內(nèi)容之間的間距，在排版上起到了作為點(diǎn)，作為線，甚至作為面的不同功用。

 

 

當(dāng)然，如果不是以內(nèi)容為主的App，沒(méi)有太多的排版需求的話，不妨可以像iFashion，或者是飯本出品的精選限量美食App—ENJOY，通過(guò)直接了當(dāng)?shù)暮诰�分割，也是不失干脆利落的。

 

 

 

水印式裝飾為圖片加分

 

水印相機(jī)的成功告訴我們，用戶也很喜歡用水印來(lái)提升自己圖片的逼格，像Over這樣專(zhuān)注于照片裝飾的App，文字水印更是能賣(mài)出個(gè)好價(jià)錢(qián)。

 

 

 

在產(chǎn)品界面上，水印式的題圖也會(huì)給人眼前一亮的驚喜。在一款高質(zhì)量畫(huà)報(bào)的App—Big里，Big報(bào)的每一個(gè)題圖都經(jīng)過(guò)有針對(duì)性的水印式文字排版，力求讓用戶看到更大的世界，發(fā)現(xiàn)更多有「逼格」的內(nèi)容。排版上雖然只有文字和小量的裝飾，但字體和色彩的整體感都比較強(qiáng)，統(tǒng)一和諧顯得十分大氣。

 

 

更吸引眼球的海報(bào)式圖文分享

 

除了產(chǎn)品本身，分享方式是為了讓更多不認(rèn)識(shí)的用戶來(lái)了解產(chǎn)品的一個(gè)途徑。如果只是一段文字配個(gè)圖是不是覺(jué)得已經(jīng)有點(diǎn)過(guò)時(shí)呢？海報(bào)風(fēng)格的圖片分享，是為了能在信息爆炸的時(shí)代抓住路人眼球的一個(gè)好方法，自然也需要更多的設(shè)計(jì)技巧。知道每日故宮App嗎，敢情十有八九的人都不是因?yàn)樗�的名字或者任何廣告，而是因?yàn)樗�精美的海�?bào)。素雅而有質(zhì)感的底圖，配合古色古香的字體，讓人驚艷的不是它反映故宮的歷史感，而是透出來(lái)的一股洗練的現(xiàn)代氣息。每日故宮傳達(dá)給用戶的不是一個(gè)「當(dāng)年故宮」，而是「今日故宮」。

 

 

此外，對(duì)于用戶自己設(shè)計(jì)的App來(lái)說(shuō)，把用戶的圖片和文字內(nèi)容合成在一個(gè)排版好的模版里面，再分享出去，也是一個(gè)能展現(xiàn)設(shè)計(jì)水平的方式。天天P圖的海報(bào)拼圖，就是一個(gè)功能化的海報(bào)式分享。用戶將自己拍攝的照片，添加到設(shè)計(jì)好的海報(bào)模版中，可以修改相應(yīng)的主題和文案，程序還能自動(dòng)識(shí)別拍照片的時(shí)間、拍攝地點(diǎn)，只要簡(jiǎn)單的操作就能組合出一張屬于自己的海報(bào)。通過(guò)海報(bào)拼圖分享出去的照片，不僅是通過(guò)設(shè)計(jì)師設(shè)計(jì)的模版來(lái)提升用戶照片逼格的成果，也是用戶氣質(zhì)與產(chǎn)品氣質(zhì)交織后的成果。

 

 

跟其他相似的海報(bào)式分享比起來(lái)，專(zhuān)注于好友間的美食推薦與分享的App夜夜，還加入了一個(gè)小心思：通過(guò)百度翻譯API，將用戶輸入的文字轉(zhuǎn)換成繁體中文、日文、韓文以及文言文，并配用內(nèi)嵌的字體，如文悅古體仿宋來(lái)展示，分享出來(lái)的圖片又別有一番風(fēng)味。

 

 

動(dòng)起來(lái)的界面更有震撼力

 

似乎傳統(tǒng)設(shè)計(jì)（好吧，雖然我并不喜歡這種稱(chēng)呼方式）近年來(lái)的風(fēng)頭被界面設(shè)計(jì)，尤其是移動(dòng)設(shè)計(jì)大大地蓋過(guò)了，但如文章開(kāi)頭所說(shuō)，設(shè)計(jì)潮流也是在不斷的螺旋式發(fā)展變化中。對(duì)于設(shè)計(jì)師們來(lái)說(shuō)，為什么設(shè)計(jì)才是最重要的，工具和方法皆是需要貫通的。除了緊跟時(shí)代前沿的科技和設(shè)計(jì)趨勢(shì)之外，回顧經(jīng)典和審視生活，修煉細(xì)節(jié)，也是提煉設(shè)計(jì)概念的重要方法之一。 當(dāng)然，除了平面設(shè)計(jì)的元素之外，精心策劃的視頻式啟動(dòng)頁(yè)（并不是動(dòng)畫(huà)）也為產(chǎn)品逼格增色不少。

 

綜上所述：

 

逼格怎么體現(xiàn)？就是化繁為簡(jiǎn)，以小見(jiàn)大。要做出效果，除了有技巧，還要有「心」。用心從細(xì)節(jié)上營(yíng)造產(chǎn)品氣質(zhì)，給用戶帶來(lái)愉悅感，為品牌獲得認(rèn)同感，形成一股獨(dú)有的產(chǎn)品氣場(chǎng)，又有誰(shuí)能說(shuō)這不是一種逼格呢？秉承這樣的一種想法，我們的產(chǎn)品天天P圖自誕生起，每一個(gè)版本都在努力地朝著營(yíng)造自己的逼格方向去蛻變，未來(lái)也會(huì)貫徹精益求精的本心，給用戶帶來(lái)更多的驚喜！