作為一名優(yōu)秀的設(shè)計(jì)師，日常除了跟產(chǎn)品經(jīng)理溝（si）通（bi）以外，還需膽大心細(xì)，不僅要懂得拒絕各種不靠譜的設(shè)計(jì)要求，還要完善各種功能模塊設(shè)計(jì)和頁(yè)面展示的框架結(jié)構(gòu)。畢竟設(shè)計(jì)師才是最懂行的。那么，要如何修煉成一名優(yōu)秀的射擊濕？工作上的疑問(wèn)該怎么破？

本期天天問(wèn)將奉上有關(guān)產(chǎn)品設(shè)計(jì)的五個(gè)優(yōu)質(zhì)問(wèn)答，希望能解答各位設(shè)計(jì)師的小疑問(wèn)~若還不過(guò)癮，天天問(wèn)虛位以待，歡迎各位大刀闊斧地走上去扔出你們的疑問(wèn)，各位設(shè)計(jì)大神們已摩拳擦掌等待著你！

一個(gè)優(yōu)秀的交互設(shè)計(jì)師是怎么煉成的？- @小帆雅就是我呀

精選回復(fù) @湯圓醬：

在不同的時(shí)期，優(yōu)秀的設(shè)計(jì)師的能力體現(xiàn)不同，以下展開(kāi)討論下：

1.? 前期：用設(shè)計(jì)思維逐漸影響產(chǎn)品規(guī)劃

交互設(shè)計(jì)師在項(xiàng)目前期參與項(xiàng)目規(guī)劃和部署，除此之外還應(yīng)與產(chǎn)品保持高頻率的討論，多為產(chǎn)品提出概念性的方案，甚至做成原型，用設(shè)計(jì)思維逐漸影響產(chǎn)品規(guī)劃?；粍?dòng)的解決需求為主動(dòng)發(fā)現(xiàn)需求，將專(zhuān)業(yè)的意識(shí)和影響力從設(shè)計(jì)層面提升到?jīng)Q策層面。

2.? 中期：了解透業(yè)務(wù)，把握行業(yè)趨勢(shì)

拿到設(shè)計(jì)需求review，需要從業(yè)務(wù)的層面進(jìn)行提煉。這個(gè)階段與產(chǎn)品要盡量在前進(jìn)方向上保持一致，因?qū)π袠I(yè)趨勢(shì)的熟悉而兼顧商業(yè)利益和用戶(hù)體驗(yàn)之間的平衡。

3.? 跟進(jìn)：在團(tuán)隊(duì)中發(fā)揮承上啟下的作用

項(xiàng)目跟進(jìn)過(guò)程中，交互設(shè)計(jì)師的價(jià)值體現(xiàn)在承上啟下，源自于這個(gè)角色與產(chǎn)品高頻率的溝通。無(wú)論是協(xié)調(diào)視覺(jué)與產(chǎn)品間的溝通還是解決前端的疑問(wèn)，交互設(shè)計(jì)師都不要有交互稿評(píng)審結(jié)束自己工作就結(jié)束了的想法，因抱著同理心持續(xù)跟進(jìn)項(xiàng)目進(jìn)程。

了解了優(yōu)秀設(shè)計(jì)師在不同時(shí)期應(yīng)有的表現(xiàn)和能力體現(xiàn)，有助于你的成長(zhǎng)和發(fā)展，觀點(diǎn)純屬個(gè)人意見(jiàn)。

問(wèn)題詳情：http://wen.woshipm.com/question/detail/5ork9.html

如何在視覺(jué)設(shè)計(jì)師的角度做競(jìng)品分析？@楓葉清淳

精選回復(fù)@王府大大

競(jìng)分嘛，對(duì)象是競(jìng)品，目的是分析，目標(biāo)是產(chǎn)出定性（或定量或二者兼具）的結(jié)論（說(shuō)服領(lǐng)導(dǎo)＋說(shuō)服伙伴＋說(shuō)法自己），大略來(lái)說(shuō)：

1.?競(jìng)品：

競(jìng)品的定義一般可以從3個(gè)緯度來(lái)定義：

• 個(gè)別典型競(jìng)品的全產(chǎn)品；
• 多個(gè)典型及相關(guān)競(jìng)品（范競(jìng)品）的部分模塊深入分析；
• “1”+“2”。

2.? 分析：

所謂分析，首當(dāng)其沖的是分析的標(biāo)準(zhǔn)，也就是參照基準(zhǔn)，從視覺(jué)設(shè)計(jì)的角度來(lái)將，設(shè)計(jì)分析的標(biāo)準(zhǔn)應(yīng)該有如下幾個(gè)方面：

（1 ）色系風(fēng)格

主色系＋輔助色系＋強(qiáng)調(diào)色＋色彩關(guān)系＋漸變色系……

（2）柵格體系

（界面）視覺(jué)設(shè)計(jì)的柵格體系對(duì)界面的信息設(shè)計(jì)表達(dá)至關(guān)重要……（卓越與優(yōu)秀的距離就是一個(gè)像素）

（3）格式塔五律

接近＋相似＋閉合＋連續(xù)＋對(duì)稱(chēng)（界面雖然有Z軸的概念，但依然是繼承平面的衣缽，格式塔完全可以作為視覺(jué)設(shè)計(jì)分析的kpi）

（4）基本元素

icon＋點(diǎn)＋線(xiàn)＋面＋陰影

（5）“1”～“4”的統(tǒng)一。（這一條說(shuō)比較虛，但也比較難把控，卓越與優(yōu)秀的距離就差統(tǒng)一）

作為一個(gè)偽設(shè)計(jì)師，拙見(jiàn)妄言啦~

問(wèn)題詳情：http://wen.woshipm.com/question/detail/oa50s.html

Web和App的產(chǎn)品設(shè)計(jì)重點(diǎn)有什么區(qū)別？- @栗子

精選回復(fù) @小七

你還懂得需求封版，我那時(shí)剛從web轉(zhuǎn)app時(shí)簡(jiǎn)直不能再懵逼。

下面說(shuō)說(shuō)幾個(gè)區(qū)別：

1.?從想著怎么填滿(mǎn)網(wǎng)頁(yè)，到怎么精簡(jiǎn)畫(huà)面

以前做Web設(shè)計(jì)先畫(huà)一個(gè)1200px的框，填完核心功能總覺(jué)得太空，總在想用戶(hù)還會(huì)有啥需求可以放在這里呢，是不是需要個(gè)banner，放個(gè)快捷的操作工具條會(huì)不會(huì)方便些，一個(gè)分頁(yè)是否能再加下一個(gè)分頁(yè)?，F(xiàn)在做設(shè)計(jì)畫(huà)一個(gè)640px的框，填完核心功能總覺(jué)得太擠，總在想要補(bǔ)這個(gè)砍掉要不那個(gè)不要，最好就什么都不做就放一個(gè)搜索框看起來(lái)舒服多了。

2.ios和andriod的開(kāi)發(fā)區(qū)別

要考慮兩種交互，之前在web端沒(méi)有這樣的問(wèn)題。

3.消息推送

app產(chǎn)品還要考慮到push的需求，什么條件下推送，內(nèi)容是什么，點(diǎn)擊后跳轉(zhuǎn)的頁(yè)面等等這些都要考慮到。

4.考慮到?jīng)]有網(wǎng)絡(luò)的情況怎么處理

有次開(kāi)發(fā)問(wèn)我斷網(wǎng)了怎么辦，有哪些是能用的功能有哪些不能，應(yīng)該怎么給用戶(hù)做提示。照以前的思路我還真沒(méi)想過(guò)斷網(wǎng)了用戶(hù)還能繼續(xù)瀏覽的問(wèn)題。所以有哪些數(shù)據(jù)是緩存哪些是線(xiàn)上的，這個(gè)策略要考慮清楚。

5.從分頁(yè)到下拉加載更多

之前做web設(shè)計(jì)的時(shí)候做列表設(shè)計(jì)一般有個(gè)習(xí)慣，在下面直接放個(gè)分頁(yè)工具條。后來(lái)一不小心把這個(gè)習(xí)慣也帶過(guò)來(lái)了，結(jié)果組內(nèi)評(píng)審就被問(wèn)你分頁(yè)的意思是下拉加載更多么，我….

問(wèn)題詳情：http://wen.woshipm.com/question/detail/oaev9.html

作為一名ui設(shè)計(jì)師，如何以程序員的邏輯考慮項(xiàng)目整個(gè)邏輯流程呢？- @興想事呈(徐樂(lè)ing

精選回復(fù) @產(chǎn)品甲鄭海鵬：

1.先問(wèn)一個(gè)問(wèn)題：

為什么要以程序員的邏輯來(lái)考慮項(xiàng)目整個(gè)邏輯流程呢？

2.針對(duì)你的問(wèn)題，我個(gè)人的理解根本原因是：

你對(duì)整個(gè)產(chǎn)品的流程不熟，對(duì)各個(gè)流程之間的邏輯關(guān)系不清。那我覺(jué)得這里面，有兩個(gè)原因和解決方法：

原因：

自己能力不夠或做得不足：你本身對(duì)整個(gè)產(chǎn)品不熟，或剛接觸不久，或接觸了產(chǎn)品后，你自己沒(méi)將整個(gè)流程都完整的梳理下來(lái)。導(dǎo)致某個(gè)頁(yè)面的UI設(shè)計(jì)考慮不全。

如：一個(gè)APP，在有用戶(hù)登錄時(shí)某個(gè)頁(yè)面的UI效果；或在未登錄時(shí)的UI效果是不同展現(xiàn)邏輯的。

解決方法：

（1）對(duì)于這種情況，就是加深對(duì)產(chǎn)品的熟悉程度。最土也是最有效的方法，個(gè)人覺(jué)得是把全部的可能情況用思緒導(dǎo)圖記錄下來(lái)，那你在做UI設(shè)計(jì)時(shí)，就直接去這個(gè)全局的圖表里找匹配。最終你就能夠做到保證自己全面的考慮。

（2）外界條件不夠條件讓你全局考慮：如產(chǎn)品經(jīng)理、產(chǎn)品流程本身就不完善。那你就需要去督促產(chǎn)品經(jīng)理把整個(gè)產(chǎn)品流程都完善好了，再來(lái)做UI設(shè)計(jì)。

這里引申出另一個(gè)問(wèn)題，你怎么知道產(chǎn)品流程不完善，這就是一個(gè)經(jīng)驗(yàn)積累?；虬捶椒ǎ?）中寫(xiě)的，你自己把整個(gè)產(chǎn)品的可能性全部記下來(lái)。如果發(fā)覺(jué)產(chǎn)品流程少了的，你可以反向去讓產(chǎn)品經(jīng)理完善。

3.回到你說(shuō)的問(wèn)題，考慮項(xiàng)目整個(gè)邏輯流程，靠近程序員的邏輯思維

當(dāng)你前面已將整個(gè)產(chǎn)品流程的可能性都記錄下來(lái)，那邏輯上有問(wèn)題的可能性是比較小的。前提是你要有這份責(zé)任心、這份時(shí)間去做這么一件事。

問(wèn)題詳情：http://wen.woshipm.com/question/detail/5sjk9.html

國(guó)內(nèi)的產(chǎn)品設(shè)計(jì)，真的要把用戶(hù)當(dāng)作小白？-@奶酪陷阱

精選回復(fù)@怦然心動(dòng)：

首先我的判斷是，大多數(shù)高端大氣上檔次的交互是不利于用戶(hù)體驗(yàn)的。

用戶(hù)不是白癡，但哪個(gè)用戶(hù)初次使用一個(gè)App時(shí)會(huì)抱著”學(xué)習(xí)探索”的預(yù)期去使用呢？在產(chǎn)品的交互上，一定不可取那些需要他們“動(dòng)腦”的操作和設(shè)計(jì)風(fēng)格，這樣會(huì)降低他們的使用預(yù)期和體驗(yàn)，所以你的PM所說(shuō)的不無(wú)道理。

把注冊(cè)信息、按鈕放在首頁(yè)明顯的位置是為了方便用戶(hù)操作，可能會(huì)不太符合你所認(rèn)同的高逼格設(shè)計(jì)風(fēng)格，但是如果你的產(chǎn)品滿(mǎn)足了用戶(hù)的剛需，那么用戶(hù)對(duì)美觀度/用戶(hù)體驗(yàn)的容忍度是很大的，例如12306就是個(gè)好例子。只要不要丑到不忍直視，比較低級(jí)但我還是能接受的。

其次，不管是產(chǎn)品也好，還是交互也好，視覺(jué)也好，大家的共同目標(biāo)都是一致的——做出一款好產(chǎn)品。在設(shè)計(jì)方面來(lái)講，產(chǎn)品的設(shè)計(jì)不能只滿(mǎn)足你個(gè)人的意淫，覺(jué)得這個(gè)風(fēng)格很小眾很出色，就讓產(chǎn)品追隨這樣的風(fēng)格，這不科學(xué)啊？朋友。產(chǎn)品要面對(duì)的是目標(biāo)受眾，不是你啊！所以說(shuō)針對(duì)目標(biāo)用戶(hù)群而言做的設(shè)計(jì)，可能會(huì)出現(xiàn)你覺(jué)得丑到不忍直視的風(fēng)格，但是這個(gè)沒(méi)辦法，自己調(diào)整。

那么要怎么判斷“一個(gè)交互/設(shè)計(jì)是否合適？”，我的建議是去看同行大咖的產(chǎn)品，因?yàn)檫@些產(chǎn)品基本都是千萬(wàn)到億量級(jí)的，它們大部分交互/界面設(shè)計(jì)的選擇更改都經(jīng)過(guò)了嚴(yán)格的ABTest和用研論證，所以他們看它們的設(shè)計(jì)風(fēng)格不容易出錯(cuò)，只不過(guò)是適不適合你們的產(chǎn)品就是另外一個(gè)問(wèn)題了。

問(wèn)題詳情：http://wen.woshipm.com/question/detail/84clf.html

相關(guān)閱讀：

【天天問(wèn)每周精選】第四期：產(chǎn)品和運(yùn)營(yíng)兩手抓兩手都要硬，那運(yùn)營(yíng)該怎么做呢？

【天天問(wèn)每周精選】第三期：是庸碌還是忙碌？產(chǎn)品工作中需避免的幾個(gè)誤區(qū)

【天天問(wèn)每周精選】第二期：產(chǎn)品經(jīng)理面試會(huì)遇到哪些問(wèn)題？

【天天問(wèn)每周精選】第一期：產(chǎn)品經(jīng)理的實(shí)力體現(xiàn)在哪里？

精選問(wèn)題每周有，歡迎食用~配合回復(fù)味道更佳(∩_∩)

本欄目由天天問(wèn)小編@Cecila編輯，歡迎大家踴躍提問(wèn)，一起交流。