青草久久国产精品_少妇泬出白浆3b_人人操人人操人人操_91久久久无码精品不卡A片直播91精品亚洲男人的天堂,久久这里只有精品98,久久91精品勾搭,自拍偷拍精品网久久97A

@Sophia的玲瓏閣 ：這個(gè)系列的文章把整個(gè)設(shè)計(jì)過程的經(jīng)驗(yàn)總結(jié)成文，逐點(diǎn)分享，上期是概述+立項(xiàng)，這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi，即低保真原型圖，整個(gè)APP設(shè)計(jì)階段，設(shè)計(jì)師真正開始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后，交互設(shè)計(jì)師開始依據(jù)已有的結(jié)論，畫出Low-fi。

Low-fi的作用

1. 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一。

就像使用場景Scenario和用戶畫像Personas，團(tuán)隊(duì)每個(gè)成員腦海中所理解的都會有所不同，但通過PRD，咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上，APP的具體畫面和流程，每個(gè)人都有自己想象的視覺效果。Low-fi就在此時(shí)起了相同的作用。

當(dāng)然統(tǒng)一的進(jìn)一步促進(jìn)效果是，進(jìn)行后面核心功能的深入探討，將概念落實(shí)到實(shí)施方案，并驗(yàn)證邏輯上是否能跑通，以及主頁面元素的確定。

2. 方便開發(fā)人員進(jìn)行整體架構(gòu)的布置，開始著手一些基礎(chǔ)元素的部署。

3. 做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查，一般會有一些更改，不會影響項(xiàng)目主方向，大多是功能上的調(diào)整

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設(shè)計(jì)》。用戶測試對設(shè)計(jì)師的能力提升來說最好的一點(diǎn)是，它能一點(diǎn)一點(diǎn)讓設(shè)計(jì)師學(xué)會從用戶的視角看設(shè)計(jì)。是的，用戶視角對于設(shè)計(jì)師來說，是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶，所以能夠想象得出，但其實(shí)并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發(fā)現(xiàn)。例如，設(shè)計(jì)師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久，而對用戶真正有價(jià)值的東西，卻往往在設(shè)計(jì)中被滯后，直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒有太豐富，但每次都認(rèn)真記錄的經(jīng)驗(yàn)，我在這里總結(jié)一下自己至今為止從用戶測試?yán)镂〉降慕逃?xùn)：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設(shè)計(jì)出更好的方案，如果用戶不能一眼領(lǐng)悟使用方法，產(chǎn)品就會面臨流失用戶的風(fēng)險(xiǎn)。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨(dú)創(chuàng)的操作形式，其實(shí)是大量的忠誠用戶所帶來的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計(jì)是成為潮流的引領(lǐng)者，還是追隨者。

不管是在APP還是PC，不管是Loading頁，還是在音樂播放器中，進(jìn)度條的運(yùn)用都非常廣泛，形式也多種多樣，讓人眼花繚亂。做為一個(gè)交互設(shè)計(jì)新手，項(xiàng)目中也經(jīng)常碰到進(jìn)度條設(shè)計(jì)，總有很多疑惑在心中揮之不去：

目標(biāo)： 為什么會有進(jìn)度條的存在？引入進(jìn)度條的目的是什么？

類型： 結(jié)合使用場景，進(jìn)度條類型有哪些呢？它們的目標(biāo)是什么？需要展示哪些信息？

形式： 進(jìn)度條形式多種多樣，怎樣從本質(zhì)上區(qū)分呢？

運(yùn)用： 實(shí)際項(xiàng)目中如何選用合適的進(jìn)度條呢？

下面列出了3種常見的進(jìn)度條樣式，我們將結(jié)合這3種進(jìn)度條，一步一步梳理，希望可以幫助大家獲得更加清晰的認(rèn)知。

網(wǎng)站能承載多種多樣的內(nèi)容，但無論是哪種內(nèi)容，通常都會遵循一定的信息架構(gòu)。在這其中，故事是很特別的一種類型。講故事，往往能以更敘事、更情感化的方式，將內(nèi)容傳遞給用戶。

一個(gè)好的故事，往往始于筆端，但是最終呈現(xiàn)，還是要依靠精巧的設(shè)計(jì)。那么設(shè)計(jì)是如何講好故事的呢？今天的文章，為你分享一下創(chuàng)造故事的7個(gè)維度。

1、圖片

首先，想要講好故事，要通過設(shè)計(jì)在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計(jì)開始。壯美的圖片，有趣的插畫，驚艷的視頻，都會抓住用戶的注意力，并給予用戶第一印象。

在視覺上足夠突出的圖片，搭配以文案，一切開始擁有了畫面感，而故事因此而誕生。從照片到色彩，從文字到細(xì)節(jié)，故事所傳達(dá)出來的信息和氣質(zhì)，和整個(gè)視覺設(shè)計(jì)應(yīng)該是保持一致的，而好的故事，能夠帶著用戶一路走過來。

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

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

什么是設(shè)計(jì)思維呢？顧名思義，設(shè)計(jì)思維就是設(shè)計(jì)師用來思考問題和解決問題的方法。如何培養(yǎng)設(shè)計(jì)思維？今天這篇用兩個(gè)實(shí)戰(zhàn)案例幫你一窺設(shè)計(jì)思維的奧妙。

我們先來看一個(gè)小測試：以下的方案中，哪一個(gè)是好設(shè)計(jì)？

編者按：什么是交互設(shè)計(jì)，交互設(shè)計(jì)師在做什么？他們是如何思考的？今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么？

我們常常說“我們是用戶的代言人，以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)＋行為設(shè)計(jì)”等。我們需要明白，這些定義是設(shè)計(jì)師在自我視角下從不同維度對交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為，所以設(shè)計(jì)行為是帶有一定的商業(yè)目的，設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以，在以上大前提下來看設(shè)計(jì)： 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的，設(shè)計(jì)本身是我們的表達(dá)手段，在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

設(shè)計(jì)風(fēng)格是一種很虛的東西，對于大部分的 UI 設(shè)計(jì)師來說，都是如此。

相信很多人都是在一家小型的互聯(lián)網(wǎng)公司做設(shè)計(jì)，估計(jì)還是公司唯一的設(shè)計(jì)師，同時(shí)對設(shè)計(jì)風(fēng)格又拿捏不定，總感覺是跟著產(chǎn)品經(jīng)理或老板的思路去做設(shè)計(jì)。比如老板的要求是“大氣”，誰 TM 知道這“大氣”指的什么鬼？

即使花了不少時(shí)間去研究其他公司的產(chǎn)品，依然做不出領(lǐng)導(dǎo)滿意的視覺稿，最后還被各個(gè)崗位的同事指點(diǎn)著去修改你一把屎一把尿喂大的稿子。

我上面也說了，其實(shí)這種事情（講述設(shè)計(jì)風(fēng)格）對于視覺設(shè)計(jì)師而言是一種很常見的現(xiàn)象。我身邊也同樣有很多設(shè)計(jì)師出現(xiàn)這個(gè)問題，不知道如何向領(lǐng)導(dǎo)或客戶講述自己的設(shè)計(jì)風(fēng)格。

說個(gè)現(xiàn)象，仔細(xì)想想自己是不是這樣的：我們在做視覺評審的時(shí)候，設(shè)計(jì)師講述的常常是文字對齊、線條、高斯模糊、圖片大小等視覺表現(xiàn)，有時(shí)候甚至沉醉于 icon 的角度及尺寸的問題。面對于產(chǎn)品經(jīng)理與程序員的質(zhì)疑只能說：我覺得這樣更好看、這樣比較適合我們產(chǎn)品的風(fēng)格…之類的話。要知道，這些理由在如今這個(gè)以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的互聯(lián)網(wǎng)時(shí)代已顯得蒼白無力。

實(shí)話實(shí)話，想要把設(shè)計(jì)風(fēng)格講清楚，的確不是一件容易的事。但絕對要避免從感性的角度來闡述事實(shí)的這種習(xí)慣，畢竟現(xiàn)在的移動產(chǎn)品從視覺表現(xiàn)力方面正在逐步降低要求，這種環(huán)境的變化也是要求視覺設(shè)計(jì)師應(yīng)該主動去加強(qiáng)設(shè)計(jì)思路的原因。

為什么要用這個(gè)顏色，為什么要用線條、模糊、留白、卡片、陰影…說這么多干嘛？別人能懂？即使聽懂了，他也會從他的角度來告訴你：那我覺得這個(gè)陰影不要會更好。你怎么回復(fù)？

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

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

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

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

首頁動效

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

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

模塊

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