每個(gè)人的所接觸的人、事、物不同，接受的教育背景文化也都不同，發(fā)生意見分歧是非常正常的一件事情，然而作為UI設(shè)計(jì)師的我們本身對(duì)設(shè)計(jì)作品都有那么點(diǎn)“潔癖”，遇上類似的事情時(shí)，心里總會(huì)有“觸動(dòng)”，情緒難免有些起伏。

面對(duì)別人的意見其實(shí)不用過于抵觸，意見也可能并不是因?yàn)椴缓枚岢觯菑钠渌嵌忍岢霎?dāng)前沒有考慮到的事情，這不定是壞事，不同角度，不同觀點(diǎn)，能讓作品變得更出色也說(shuō)不定。藍(lán)藍(lán)設(shè)計(jì)分享UI設(shè)計(jì)師遇到意見太多時(shí)的方法，希望對(duì)朋友們界面設(shè)計(jì)工作有所幫助！

接受意見前，先正“三觀”

人非圣賢，孰能無(wú)過，情緒來(lái)的時(shí)候，總會(huì)有些激動(dòng)，所以先改變一下自己的“三觀”，帶著抵觸情緒很難去對(duì)待意見。:)

1. 正面看待別人的意見

積極看待別人的意見，如果意見能夠幫助自己做出更好的作品，是種多贏。當(dāng)然對(duì)那些不靠譜的意見或者鉆牛角尖的人，還是要分別對(duì)待。

一篇小文，若干貼士，幫你幫我?guī)痛蠹矣幸鉄o(wú)意的培養(yǎng)意識(shí)形態(tài)，爭(zhēng)做有同理心的好UI設(shè)計(jì)師。走著。
這里進(jìn)入譯文。優(yōu)秀的用戶體驗(yàn)界面設(shè)計(jì)師應(yīng)該具有出眾的同理心，也就是站在他人的角度看待和理解事物的能力。同理心與同情心是兩碼事，你不必真心同意或接受他人的觀點(diǎn)，但必須對(duì)他們的狀態(tài)感同身受，從主觀上理解他們看待事物的角度。
出于以下這些原因，我(英文原文作者)相信同理心可以使我們成為更好的界面設(shè)計(jì)師：

• 同理心可以讓我們更自然更真誠(chéng)的去思考怎樣幫助用戶解決他們的實(shí)際問題，使我們的設(shè)計(jì)決策能更好的聚焦于用戶目標(biāo)。
• 同理心可以幫助我們與用戶、團(tuán)隊(duì)成員及利益相關(guān)者構(gòu)建更好的人際關(guān)系，為人與人的交流提供開放、互信、更具建設(shè)性的基礎(chǔ)。
• 同理心有助于個(gè)人整體的塑造。這不僅僅是一項(xiàng)職業(yè)技能，在工作中逐漸培養(yǎng)和挖掘出來(lái)的同理心同樣可以運(yùn)用到生活的其他方面。

接下來(lái)藍(lán)藍(lán)設(shè)計(jì)和大家分享一些能夠在日常工作和生活中幫助我們提升同理心的小方法。

1.發(fā)現(xiàn)日常生活中的痛

你是一名網(wǎng)頁(yè)設(shè)計(jì)師或者一個(gè)想學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的人嗎？
如果你的回答是”Yes”，那么你最初想學(xué)習(xí)網(wǎng)頁(yè)界面設(shè)計(jì)的原因是什么呢？
有些人夢(mèng)想創(chuàng)造出偉大的設(shè)計(jì)并因此聞名于世；有些人則把網(wǎng)頁(yè)設(shè)計(jì)作為自己的事業(yè)并為之奮斗一生；而有些人，或許僅僅是為了賺錢養(yǎng)家。

那么你呢？

OK，無(wú)論你為何想學(xué)習(xí)網(wǎng)頁(yè)UI設(shè)計(jì)，現(xiàn)在我要向你介紹一種一箭三雕的方法，能讓你在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的同時(shí)，變得更受歡迎，還能賺些錢。正所謂，生財(cái)有道！這聽起來(lái)很棒，不是嗎？你一定開始期待我要講些關(guān)于網(wǎng)頁(yè)界面設(shè)計(jì)的技術(shù)了吧。很遺憾，我要講的跟這個(gè)毫無(wú)關(guān)系，這可不是一篇通常的講網(wǎng)頁(yè)設(shè)計(jì)相關(guān)技術(shù)的文章。

估計(jì)你還沒有頭緒?

產(chǎn)品經(jīng)理和UI設(shè)計(jì)師之間最常見也是最尖銳的矛盾就是，UI設(shè)計(jì)師把花了很多心血做出來(lái)的稿子放到產(chǎn)品經(jīng)理面前，產(chǎn)品看了一下，覺得非常陌生和超出預(yù)期，說(shuō)：“這都是些什么啊”。

(- -#)，(- -’)，此處無(wú)聲勝有聲。倒不是說(shuō)這里面誰(shuí)對(duì)誰(shuí)錯(cuò)，都挺辛苦的其實(shí)，但為什么總會(huì)落得如此尷尬呢。

世上配合最好的其實(shí)就是自己的手配合自己的腦袋。腦袋怎么想，手就怎么畫，畫出來(lái)的丁老頭再丑也覺得很親切，恩恩，是我的好作品（星星眼）。只是等到兩個(gè)人合作的時(shí)候，就有些麻煩了。因?yàn)椋尅霸O(shè)計(jì)師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”，每次畫完看一看，覺得對(duì)就繼續(xù)畫、錯(cuò)就改的敏捷調(diào)控是不現(xiàn)實(shí)的。

禍起，在于一些溝通中有很多弊端，唯有解決這些問題，才能讓團(tuán)隊(duì)和諧地高唱“同一個(gè)夢(mèng)想”。藍(lán)藍(lán)設(shè)計(jì)分享一下UI設(shè)計(jì)師如何做不出產(chǎn)品經(jīng)理想要的設(shè)計(jì)的方法！希望對(duì)朋友們界面設(shè)計(jì)工作有所幫助！

一、產(chǎn)品沒有意識(shí)到要講的其實(shí)是故事

常見的產(chǎn)品經(jīng)理提需求的方式往往都是在需求文檔里直接寫“在Feed上增加一個(gè)轉(zhuǎn)載按鈕，點(diǎn)擊后可以填寫轉(zhuǎn)載理由”。這種描述方式其實(shí)已經(jīng)是一個(gè)很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會(huì)被貼到內(nèi)部需求管理網(wǎng)站上，或者通過郵件發(fā)給設(shè)計(jì)師。

網(wǎng)頁(yè)設(shè)計(jì)時(shí)總是有許多考慮，而不得不為圖片元素加上框線處理，例如考量使用者互動(dòng)與圖片互動(dòng)時(shí)：像是滑鼠滑上、滑鼠按下時(shí)的效果；或是網(wǎng)頁(yè)版面界面設(shè)計(jì)時(shí)，或許是為了保留必須與文字一起排版的彈性、或許是考慮到無(wú)法掌握?qǐng)D片內(nèi)容、可能會(huì)出現(xiàn)網(wǎng)頁(yè)相同色彩的圖片，像是商業(yè)攝影圖片等，諸如以上種種狀況，都可能考慮到為圖片加上外框UI設(shè)計(jì)：

商業(yè)攝影的圖片常常會(huì)有全白的背景出現(xiàn)：

或是像這種大面積留白的插畫圖片，若是沒有框線，實(shí)在很難看到圖片的邊界在哪里，在網(wǎng)頁(yè)上與文字一起編排的時(shí)候容易造成困擾：

經(jīng)常感覺情緒低靡并且效率極低么？藍(lán)藍(lán)設(shè)計(jì)這里有五條可以幫助UI設(shè)計(jì)師在實(shí)際工作中提率的小提示。

 1.任務(wù)管理

學(xué)會(huì)任務(wù)管理對(duì)于每個(gè)自由職業(yè)者都是必要的。它能夠幫助你把一周的任務(wù)變得更有條理，更易于操作并且形成一個(gè)簡(jiǎn)短而清晰的界面設(shè)計(jì)計(jì)劃列表。這是一個(gè)非常好的方式以確保所有任務(wù)都能在預(yù)定截稿時(shí)間內(nèi)完成，而且當(dāng)你完成所有列表上的任務(wù)的時(shí)候也可以通過它來(lái)檢驗(yàn)這一周的工作效率如何。

你有多久沒有跟客戶進(jìn)行面對(duì)面的溝通了，很長(zhǎng)時(shí)間了，對(duì)嗎？

像很多自由工作者一樣，網(wǎng)頁(yè)設(shè)計(jì)師的大多數(shù)工作都在網(wǎng)上完成。現(xiàn)在是互聯(lián)網(wǎng)時(shí)代，我們?cè)诰W(wǎng)上就可以勝任大部分工作，與客戶溝通交流也可以直接通過打字完成，而且更快捷，更方便。但有時(shí)候，這并不是最好的選擇。

現(xiàn)在社交網(wǎng)絡(luò)遍地都是，很多優(yōu)秀的網(wǎng)頁(yè)界面設(shè)計(jì)師通過它們與外界交流，但在這些急于加入社交網(wǎng)絡(luò)的人群中，我們似乎忽略了一個(gè)談不上創(chuàng)新的技術(shù)——網(wǎng)絡(luò)視頻。

綠色是自然的顏色，代表著生長(zhǎng)、向上、協(xié)調(diào)與自由。綠色具有很強(qiáng)的感染力，能給人安全感。藍(lán)色是天空與海洋的顏色，被形容為穩(wěn)定與深邃。它代表了信任、忠實(shí)、自信、智慧、公平等。

每一種顏色都有它的意義在里面，如果你對(duì)這些不熟悉，推薦你來(lái)《色彩基礎(chǔ)知識(shí)》惡補(bǔ)一下。進(jìn)階版的可以到《色彩理論大集結(jié)》里學(xué)習(xí)。

現(xiàn)在和藍(lán)藍(lán)設(shè)計(jì)一起來(lái)看看，這群優(yōu)秀的UI設(shè)計(jì)師是如何將這兩種色彩運(yùn)用得出神入化的網(wǎng)頁(yè)界面設(shè)計(jì)吧。

UIkit

Photoshop是最流行的圖像合成軟件，粉絲遍布全球，不過對(duì)于新手UI設(shè)計(jì)師，可能犯一些常見的錯(cuò)誤，在這篇文章中藍(lán)藍(lán)設(shè)計(jì)列出了6個(gè)頻率較高的錯(cuò)誤，來(lái)看看你躺槍了木有。

如果你想學(xué)習(xí)最全面的Photoshop禮儀規(guī)范，藍(lán)藍(lán)設(shè)計(jì)強(qiáng)烈推薦這篇《WEB設(shè)計(jì)指南！PS禮儀白皮書》，是網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南。

一、少圖層，沒分組

這個(gè)壞習(xí)慣我們?cè)?a href="/" target="_blank">《WEB設(shè)計(jì)指南！PS禮儀白皮書》提到過，多創(chuàng)造圖層，學(xué)會(huì)給圖層分組是一個(gè)專業(yè)設(shè)計(jì)師必須學(xué)會(huì)的，這不僅有利于你的修改，也是團(tuán)隊(duì)合作中少不得的習(xí)慣。

隨著互聯(lián)網(wǎng)的高速發(fā)展，各種各樣的網(wǎng)站層出不窮。在這樣的環(huán)境下，用戶是如何在浩瀚的互聯(lián)網(wǎng)海洋中快速挑選網(wǎng)站的呢？網(wǎng)頁(yè)UI設(shè)計(jì)師又如何能讓自己的網(wǎng)站設(shè)計(jì)在用戶匆匆一瞥后就迅速吸引到他們進(jìn)一步注意的呢？本文作者向用戶介紹了一種簡(jiǎn)單的頁(yè)面布局方式——分割布局，這種布局方式試圖讓用戶初覽頁(yè)面時(shí)感受到一種友好的瀏覽體驗(yàn)。

作為網(wǎng)頁(yè)設(shè)計(jì)師，我們可以參考的界面設(shè)計(jì)范例和布局原則有很多，比如說(shuō)：柵格化、縱向一致性、F型布局、Z型布局、三分法則、黃金分割法等等。注重這些原則將會(huì)給你的設(shè)計(jì)帶來(lái)視覺吸引力和功能性——現(xiàn)在讓我們來(lái)看一種簡(jiǎn)單的方式，將頁(yè)面兩等分。

雖然在一開始聽起來(lái)有點(diǎn)傻，但是這種基本布局確實(shí)能起到非常好的效果。當(dāng)我們通覽一個(gè)頁(yè)面時(shí)，我們的視線常常會(huì)沿著一個(gè)“之”字形移動(dòng)。而如果用戶的視線是沿著一條水平線移動(dòng)時(shí)——就像在Z型布局里一樣，那么他/她就會(huì)很專注（或者說(shuō)嘗試著專注）。但由于初來(lái)你網(wǎng)站90%的用戶都不會(huì)很仔細(xì)的去關(guān)注你的頁(yè)面，因此讓你的設(shè)計(jì)“瀏覽起來(lái)友好”肯定會(huì)獲得不錯(cuò)回報(bào)哦！