[ 平面理論教程 ] 淺談APP的界面設計中如何提升細節品質- 其他教程 - 骨子愛創意

教學主題: 淺談APP的界面設計中如何提升細節品質

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 淺談APP的界面設計中如何提升細節品質

這教學的重點為這幾點 [ 細節,品質,提升,如何,產品,設計,用戶,一個,字體,App ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

時代總是在螺旋式地發展變化中，設計潮流也是如此。隨着移動端扁平化設計推進，越來越多的設計師不滿足於僅僅是色塊、圖標和系統字體的枯燥組合，而把更多的心思投入到精益求精的視覺設計中。從平面設計引申過來的技巧在這時起到了畫龍點睛的作用：一些細節上

時代總是在螺旋式地發展變化中，設計潮流也是如此。隨着移動端扁平化設計推進，越來越多的設計師不滿足於僅僅是色塊、圖標和系統字體的枯燥組合，而把更多的心思投入到精益求精的視覺設計中。從平面設計引申過來的技巧在這時起到了畫龍點睛的作用：一些細節上的處理，為移動產品的界面大大地提升了品牌逼格。

例如以設計精美著稱的Yahoo的兩款明星App產品Yahoo Weather!和Yahoo Digest。除了在產品設計上的極致和突出表現外，模糊和斜切的手法，給整個產品的品牌氣質提升到了一個新的高度。 Yahoo Weather! 不論是在布局、字體和色彩的運用上都顯得精緻細膩，滑動時高斯模糊的處理更是流暢平滑。Yahoo Digest 的斜切突出一個“破”，在不影響照片內容的前提下，既能在視覺上顯得與眾不同，又在排版上巧妙地為色彩標籤留了一角之地。比起一刀平，更顯靈動而不失平衡感。

國外的優秀案例我們已經看過很多，然而中文Apps在視覺設計上，往往與西文Apps無法相提並論。由於各種原因—例如字體的硬傷等，即使依樣畫葫蘆也比原作遜色不少，這樣的無奈給中文Apps設計師們徒增不少煩惱。但江山代有人才出，且讓我們也關注一下身邊，總結下近年一些新秀中文Apps如何通過細節設計，提升產品逼格。

選用符合產品氣質的字體

字體是設計師的重要武器之一，恰當的字體運用，可以使產品的定位和內容的情感有加倍的表達。

 

然則讓許多設計師困擾的一件事情是，不管是哪個平台，移動系統自帶的中!文!字!體!實在是太少了，而且並沒有什麼特色。內嵌字體，成為了一些追求完美的App設計師的一個解決方案。

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

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

巧用平面設計的排版技巧

俗話說，越是家常的菜式越是考驗大廚的功力，譬如番茄炒蛋。越是簡單的元素越是考驗設計師，譬如白底黑字，或是黑底白字。而黑白配的美，我們可以從大師原研哉的作品中深切地體會到。白面之上，黑字是字也是裝飾，是點也是線。通過調整體積和間隔，錯落地形成畫面，構造韻律。

IDEAT理想家App，繼承了法國IDEAT雜誌的理念，以展示設計、藝術和風尚的「當代生活」內容為主。App界面上除了內容圖片之外，幾乎沒有黑白以外的其他色彩元素。通過襯以黑底的高亮白字，既是內容又是裝飾，貫穿在整個App設計元素當中;調節這些文字與其他內容之間的間距，又在排版上起到作為點，作為線，甚至作為面的不同功用。

當然，如果不是內容為主的App，沒有太多的排版需求的話，不妨可以像iFashion，或者又是飯本出品的精選限量美食App—ENJOY—這樣，通過直接了當的黑線分割，也是不失乾脆利落。

水印式裝飾為圖片加分

水印相機的成功告訴我們，用戶也很喜歡用水印來提升自己圖片的逼格，而像在Over這樣專註於照片裝飾的App里，文字水印更是能賣出個好價錢。

運用在產品界面上，水印式的題圖也會給人眼前一亮的驚喜。「WOW!」在一款高質量畫報的分享App—Big里，Big報的每一個題圖都經過有針對性的水印式文字排版，力求讓用戶看到更大的世界，發現更多有「逼格」的內容。排版上雖然只有文字和小量裝飾，字體和色彩的整體感都比較強，統一和諧顯得十分大氣。

更吸引眼球的海報式的圖文分享

除了產品本身，分享方式是讓更多的不認識的用戶了解產品的一個途徑。如果只是一段文字配個圖是不是覺得已經有點過時?海報風格的圖片分享，是在信息爆炸時代抓住路人眼球的一個好方法，自然也需要更多的設計技巧。知道每日故宮App的人，敢情十有八九都不會是因為它的名字或者任何廣告，而是因為它精美的分享海報。素雅而有質感的底圖，配合古色古香的字體，讓人驚艷的不是它反映故宮的歷史感，而是透出來的一股洗鍊的現代氣息。每日故宮傳達給用戶的不是一個「當年故宮」，而是「今日故宮」。

此外，對於用戶自己生產內容的App來說，把用戶的圖片和文字內容合成在一個排版好的模版裡面，再分享出去，也是一個能展現設計水平的方式。天天P圖的海報拼圖，就是一個功能化后的海報式分享。用戶將自己拍攝的照片，添加到設計好的海報模版中，可以修改相應的主題和文案，程序還能自動識別照片時間、拍攝地點，只要簡單的操作就能組合出一張屬於自己的海報。通過海報拼圖分享出去的照片，是不僅是通過設計師設計的模版來提升用戶照片逼格的成果，也是用戶氣質與產品氣質交織后的成果。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

跟其他相似的海報式分享起來，專註於好友間美食推薦與分享的App夜夜，還加入了一個小心思：通過百度翻譯API，將用戶輸入的文字，轉換成繁體中文、日文、韓文以及文言文，並配用內嵌的字體—如文悅古體仿宋—展示，分享出來的圖片又別有一番風味。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

動起來的界面更有震撼力

似乎傳統設計(好吧，雖然我並不喜歡這種稱呼方式)近年來風頭被界面設計，尤其是移動設計大大地蓋過，但如文章開頭所說，設計潮流也是不斷的螺旋式發展變化中。對於設計師來說，為什麼而設計才是最重要的，工具和方法皆是需要貫通的。除了緊跟時代前沿的科技和設計趨勢之外，回顧經典和審視生活，修鍊細節，也是提煉設計概念的重要方法之一。 當然，除了平面設計的元素之外，精心策劃的視頻式啟動頁(並不是動畫!)也為產品逼格增色不少。

綜上所述

逼格怎麼體現?就是化繁為簡，以小見大。要做出效果，除了有技巧，還要有「心」。用心從細節上營造產品氣質，給用戶帶來愉悅感，為品牌獲得認同感，形成一股獨有的產品氣場，又有誰能說就不是一種逼格呢?秉承這樣的一種想法，我們的產品天天P圖自誕生日起，每一個版本都在努力地朝着營造自己的逼格的方向蛻變，未來也會貫徹精益求精的本心，帶給用戶更多的驚喜。

如果你也在做一款或者致力於做一款有逼格的App，歡迎來跟我們交流哦～

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 淺談APP的界面設計中如何提升細節品質 這教學會喜歡

文章標題: 骨子愛創意- 淺談APP的界面設計中如何提升細節品質–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 細節,品質,提升,如何,產品,設計,用戶,一個,字體,App

本文永久連結 :淺談APP的界面設計中如何提升細節品質

本文轉載自 :VIA