99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

作為APP狂熱分子，定期去App Store或者其他渠道找新鮮的產(chǎn)品來玩兒，已經(jīng)持續(xù)了很多年。但是光浮于表面的玩兒，還不夠。因為只有了解產(chǎn)品背后的邏輯才能更全面的解讀為何會那么設(shè)計。

下面分享下我通過自問自答的方式分析APP的方法，希望對你有幫助。

1. 產(chǎn)品層面

分析一款app，首先從產(chǎn)品層面入手，因為產(chǎn)品定位決定著后續(xù)的交互設(shè)計、視覺設(shè)計、運營策略等等… 通常可以從三個維度來分析產(chǎn)品定位：

良好的交互設(shè)計應(yīng)該確保用戶的每一次操作都能得到視覺反饋，無論成功與否，這會讓用戶體會到使用產(chǎn)品期間的一種安全感——一切盡在自己的掌控之中。視覺反饋的目的就是通過一種可視化、簡潔的形式向用戶展示操作的結(jié)果以及當(dāng)前系統(tǒng)所處的狀態(tài)。

編者按：說起usTwo 你可能沒聽過，但《紀(jì)念碑谷》你肯定玩過。這個全球頂尖的設(shè)計工作室還做過哪些酷酷的產(chǎn)品？他們是如何幫助設(shè)計師和客戶合作的？想加入它們有哪些要求？這期直接讓usTwo 的設(shè)計師為大家揭秘。

我們請到了設(shè)計工作室 usTwo 的設(shè)計師 Avalon Hu。她曾先后就讀于臺灣大學(xué)生物產(chǎn)業(yè)機電工程系和密歇根大學(xué)人機交互專業(yè)，曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場后臺開始，轉(zhuǎn)專業(yè)成為用戶體驗設(shè)計師；設(shè)計 Agency 的工作流程；usTwo 獨特的企業(yè)文化和公司結(jié)構(gòu)；最后她也與想加入設(shè)計 agency 的同學(xué)分享了自己的建議。

動效是如今UI設(shè)計中的重要組成部分，也是目前最熱門的設(shè)計趨勢之一。在之前的《在現(xiàn)代網(wǎng)頁設(shè)計中，動效有哪些常見的用法》這篇文章中，我們探討了動效對于交互和用戶的重要意義，動效在不同的環(huán)節(jié)發(fā)揮的作用越越來越大。而今天我們要聊的是光標(biāo)懸停，這也是近年動效設(shè)計的熱點之一。

正是由于Material Design 和蘋果所引領(lǐng)的動效設(shè)計風(fēng)潮，許多曾經(jīng)有過的設(shè)計技巧和元素正在逐步回歸，而懸停就是其中之一。但是相比于曾經(jīng)那些閃爍彈跳的，現(xiàn)如今的光標(biāo)懸停來的更加微妙，更加強調(diào)功能性和體驗。

和其他動效相似，光標(biāo)懸停讓交互的引導(dǎo)性更強，有的還帶有預(yù)覽的作用，它的使用范圍非常廣，大到全屏，小到提示和導(dǎo)航元素，不一而足。

接下來，我們通過實戰(zhàn)案例看看，光標(biāo)懸停目前有哪些創(chuàng)新的玩法。

首頁動效

編者按：什么是模塊化設(shè)計？它有哪些優(yōu)勢？該如何運用模塊化設(shè)計？本文騰訊CDC 的高手帶你一窺模塊化設(shè)計的奧妙。

在看組件和元素之前，我們先了解在他們之上的一個概念

模塊

模塊大家應(yīng)該都不陌生，任何一個完整的界面，都會有多個功能模塊，而每個模塊內(nèi)有相應(yīng)的組件，每個組件中又有相應(yīng)的元素，其中任何一點的變化，都會使用戶對產(chǎn)品的認(rèn)知發(fā)生改變。

什么是設(shè)計規(guī)范，設(shè)計規(guī)范到底有什么用？如何看懂設(shè)計規(guī)范？今天@Jaret_杰瑞特 結(jié)合實際工作中的體驗，幫你快速上手設(shè)計規(guī)范。

當(dāng)我們聊設(shè)計的時候，可讀性是我們最常提及的話題。良好的設(shè)計應(yīng)該都是可讀的設(shè)計，如果信息都無法正常而清晰的傳達，那么設(shè)計就失去了意義。

設(shè)計的可讀性和排版設(shè)計息息相關(guān)，與此同時，對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性，讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前，你需要借助對比度來表達，讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比，它需要能夠吸引用戶的眼球。

授人以魚不如授人以漁，我寫文章的目的并不是讓大家完全按照我的方法來做，而是希望我們都能提高自己的思維方式，因為現(xiàn)在網(wǎng)上的方法與經(jīng)驗實在太多（又不能確定都是正確的），你的大腦永遠無法承載整個互聯(lián)網(wǎng)的信息容量，所以與其看那多內(nèi)容，不如從根源上提高自己拆解、分析、總結(jié)的能力，這樣無論以后你遇到什么樣的問題，都能夠迎刃而解。

編者按：什么是無框界面？憑什么斷言它能成為2017年的主流UI 設(shè)計風(fēng)格？雨涵_Zoe 這篇干貨文章為你揭秘。

什么是無框界面？

縱使幾大設(shè)計風(fēng)格已形成寡頭壟斷（如蘋果的圓角玻璃、谷歌的層級、微軟的方塊…），但界面設(shè)計的進化歷程才剛剛開始。

寫過關(guān)于去形式化的話題。在這個新趨勢中，界面上的內(nèi)容越來越重要，相對的，一切與內(nèi)容無關(guān)的都被大大削減。

去形式化是一張非常模糊的全景圖，在演化中一些新的設(shè)計風(fēng)格逐漸清晰起來，例如——無框界面。

也許你已經(jīng)發(fā)現(xiàn)了，今年來越來越多的網(wǎng)站和應(yīng)用，尤其是那些注重設(shè)計的，都有這樣的趨勢。曾經(jīng)用來劃分區(qū)域的邊框和邊線逐漸消失，然而在干凈的界面上，通過距離分割，各區(qū)域的差別依舊清晰可辨。

圖標(biāo)是設(shè)計項目中幾乎必不可少的一個組成部分，但是在圖標(biāo)的具體使用上，講究并不少。 如果你曾仔細瀏覽優(yōu)設(shè)的網(wǎng)站，應(yīng)該已經(jīng)看過不少圖標(biāo)設(shè)計的實戰(zhàn)案例。

1、強化視覺