<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 小處顯逼格!APP界面如何在細節上提升氣質?

    2015-6-24    周周

     

    藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

    來源:優設網

     如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

     

    app-detail-improve-temperament-1

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

    例如以設計精美著稱的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圖的海報拼圖,就是一個功能化后的海報式分享。用戶將自己拍攝的照片,添加到設計好的海報模版中,可以修改相應的主題和文案,程序還能自動識別照片時間、拍攝地點,只要簡單的操作就能組合出一張屬于自己的海報。通過海報拼圖分享出去的照片,是不僅是通過設計師設計的模版來提升用戶照片逼格的成果,也是用戶氣質與產品氣質交織后的成果。

    小處顯逼格:細節提升氣質

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

    小處顯逼格:細節提升氣質

    動起來的界面更有震撼力

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

    綜上所述

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

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 久久精品一区二区三区不卡| 欧洲精品码一区二区三区免费看 | 2022精品国偷自产免费观看| 最新国产精品拍自在线观看| 国产A∨国片精品一区二区| 久久国产精品成人片免费| 日韩午夜高清福利片在线观看欧美亚洲精品suv | 一级做a爰黑人又硬又粗免费看51社区国产精品视 | 久久五月精品中文字幕| 97精品国产97久久久久久免费| 国产精品一区二区久久国产| 一本久久精品一区二区| 免费精品精品国产欧美在线| 国产精品国产AV片国产| 四虎精品影院永久在线播放| 成人国内精品久久久久影院| 国产午夜无码精品免费看动漫| 午夜欧美精品久久久久久久| 在线观看亚洲精品国产| 免费精品精品国产欧美在线| 久久久WWW免费人成精品| 国产亚洲曝欧美不卡精品| 丁香色婷婷国产精品视频| 欧美亚洲国产精品久久蜜芽| 国产精品欧美亚洲韩国日本不卡| 精品人妻系列无码天堂| 无码精品人妻一区二区三区人妻斩| 亚洲精品国产福利一二区| 免费短视频软件精品一区二区| 精品国产污污免费网站入口| 精品综合久久久久久88小说| 久久精品综合一区二区三区| 美女岳肉太深了使劲国产精品亚洲专一区二区三区| 国产精品白丝jkav网站| 国内精品久久久久久久涩爱| 国产乱码精品一区二区三| 国产三级精品三级在线观看专1| 国产精品久久久久乳精品爆| 久久97久久97精品免视看| 欧美精品色婷婷五月综合 | 免费看一级毛片在线观看精品视频|