如何才能做出優(yōu)秀的設(shè)計？

在Facebook的校招中，我們和來自康奈爾的一名實習生進行了一次交談。在我們簡短的互動中，我很欣賞他身上的一些點，因為他是一個非常具有自我意識的人。他和許多剛參加工作的應屆生一樣，都很好奇，作為一個設(shè)計師需要什么樣的能力，才能做出優(yōu)秀的設(shè)計。

作為一個資深的設(shè)計師，需要具備全面的專業(yè)技能，并且具備自我診斷意識——這是做出優(yōu)秀設(shè)計的關(guān)鍵，尤其是在Facebook。

他分享了他的設(shè)計作品，我們一起來看下，這是他剛剛開始正式接觸設(shè)計的作品。

Jon Lee為Nearspace app設(shè)計的概念稿

在Facebook，我們經(jīng)常把視覺設(shè)計稱為執(zhí)行力和藝術(shù)的結(jié)合。為了評估Jon當前的設(shè)計水平，并鼓勵他朝著資深設(shè)計師的方向努力，我需要在評價他的作品之前向他提一些問題，這樣可以更好的了解他的設(shè)計意圖。

你是屬于什么風格和類型？

你思考過你的設(shè)計風格嗎？在你的這個作品里，我看到兩種字體類型（標題和內(nèi)容），至少三種不同類型的尺寸，兩種顏色的類型，居中和左對齊類型。

標題的樣式是什么？ 按鈕的樣式是什么？內(nèi)容模塊的樣式又是什么？

你使用的是什么樣式？

我看到兩種尺寸的文本按鈕，兩種高度的按鈕，兩種描邊和三種顏色，還有帶有圖標的按鈕。

我看到兩種不同的列表設(shè)計，其中一種和現(xiàn)有的卡片設(shè)計很相似，包含的元素有商家名稱，類別和星級評分，而在個人主頁最近帖子的列表樣式，看起來則有點像線框稿。

按鈕和列表之間的區(qū)別是什么？個人信息頁面，卡片、按鈕和列表都用了相同的白色描邊背景和灰色底， 他們?nèi)咧苯邮遣皇菓撚兴鶇^(qū)分？

你的設(shè)計樣式和已有的設(shè)計規(guī)范哪種更好？

如果選項可以切換，那么它們可以自動切換嗎？ 取消和應用的按鈕是否是必要的？點擊取消和點擊返回是一樣的嗎？ 右上角的取消能用x代替嗎？我看到有一個重置按鈕沒有起到任何篩選的作用，這個按鈕還有存在的必要嗎？應用按鈕可以替代重置按鈕嗎？

從用戶體驗的角度來看，這個底部導航有必要存在嗎？同一垂直線上的控件是否平行？它們都是必要的么？

邊距規(guī)范

附近頁面和個人主頁的內(nèi)容模塊之間都使用了不同的間距，篩選控件的外邊距更明顯，這些邊距使用的原則是怎么樣的？

附近頁面模塊的標題文字左右邊距都很小，幾乎貼近了頁面邊緣，為什么不用柵格布局？

圖標是否表意清晰

座位圖標由單個、三個和六個的區(qū)別，這是一個座位的計數(shù)還是一些座位數(shù)的大約值？又或者是一系列的座位么？還有更好的方式來表達嗎？這是“團購”優(yōu)惠的意思么？有沒有另一種方式設(shè)計它？

為什么沒有明顯的標志表示是兩個相反的意思？如果不是重要的元素，為什么你要顯示出來這種無足輕重的元素？初步結(jié)果難道不應該包含所有可用的選項么？

派（pie）在這里是想表達派？還是指代甜點？又或是代指所有食物？飲料意味著什么？你是假設(shè)認為每個餐廳都能夠提供飲料嗎?有更好的分組嗎?

你選擇的設(shè)計風格是一致的嗎？

我看到在使用下拉篩選功能時，有一些篩選按鈕選項的樣式有一些不同。有些按鈕包含圖標有些又只有文字。

一個圖標有角度，其他圖標又沒有。 WiFi圖標的線最粗，但是插線板的圖標線又很細。 有些是像素化的， 有些不是。有些是黑色的，有些是灰色的。

大多數(shù)卡片和按鈕使用了相同的樣式：圓角、描邊、顏色填充和風格。 他們是不是太一致了？畢竟是兩種不同的內(nèi)容模塊。

屏幕上所有的元素都是必要的嗎？

在搜索區(qū)域上方有一個分割線，還有每一個可選選項下方也有一個分割線。我還看到了其中一個按鈕用了綠色。導航使用了圖標加文本的方式，它們真的需要同時存在嗎？

你怎么定義你的配色方案？

你的配色是比較簡約的暖色調(diào)，除了一個高亮的綠色按鈕。你的設(shè)計原則是怎么樣？并且是應用在哪些地方？

你的拼寫、語法和標點符號都正確嗎？你的內(nèi)容有邏輯嗎？

附近和個人主頁的導航經(jīng)常出現(xiàn)，但是這個添加是什么意思？ 添加什么？“可用性”這個單詞拼寫錯誤了，而且它真的需要出現(xiàn)在這里嗎？

頁面的“閱讀量”是怎么計算的？你的頁面標題是過濾器，但是你頭部顯示的是距離。另外這個頁面可以過濾出座位數(shù)量，Wifi可用性，可用空間和食品飲料。但是你能向你的朋友們解釋一下這個頁面的功能是什么嗎？這個頁面的結(jié)構(gòu)是合理的嗎？ 他們的命名是否都是合理的？

頁面的設(shè)計可移植性高嗎？

如果你是為安卓或者PC平臺設(shè)計，你會做同樣的設(shè)計決策嗎？ 這兩者之間的決策有什么不一樣？

那么回到我們最初的問題來，如何在產(chǎn)品設(shè)計上獲得更好的效果？

能回答以上這些問題，只是作為一個好的設(shè)計作品的開端。成為一個好的設(shè)計師，一個牛逼的產(chǎn)品設(shè)計師，需要持之以恒。這意味著你已經(jīng)在以一個設(shè)計師的角度在思考和解決問題，而不是等待別人去發(fā)現(xiàn)這個問題，那時就太晚了。

接下來的工作就是針對性的去回答這些問題，確保你的設(shè)計意圖是基于堅實的設(shè)計原則、研究和對細節(jié)的關(guān)注，不過，對于設(shè)計風格和偏好這種問題會比較棘手，因為并不是每個設(shè)計師都有這些意識或者充足的理由。這很正常，因為在提高你的設(shè)計能力這條道路上，首先要做的就是接受你的設(shè)計作品還并不好。

Ira Glass對此有著奇妙的看法：

“沒人會向別人吐槽菜鳥，就算有人看出我很菜，我也希望他不要嘲笑我，畢竟大家都是做設(shè)計的。我們從事這行，是因為我們有好的品味。但每個設(shè)計師都會有瓶頸期，最初幾年的設(shè)計，現(xiàn)在看來會不會認為很一般？確實是做的一般。但是你在努力的向前走，并且有信心能做更好，雖然你的作品真的沒那么好。你的品味，作為設(shè)計師的裝備，以及你的審美，它們就是當你看到你所創(chuàng)作的成果時心中略過的那絲絲縷縷是失望，我知道你懂我的意思。”

1、如果你有品味，那么它會告訴你還有多少提高的地方，以及應該怎么提高你的設(shè)計。

2、多看看其他人優(yōu)秀的設(shè)計作品然后形成自己的見解，什么是好的，什么不好的，在你的見解上加強基礎(chǔ)的設(shè)計原則。

3、多看看現(xiàn)有的設(shè)計規(guī)范，比如Material Design和人機界面指南。

4、多練手！多練手！多練手！重要的事情說三遍。

5、多瀏覽設(shè)計社區(qū)，多下載優(yōu)秀的APP，多去Dribbble看看優(yōu)秀的設(shè)計作品，不要去復制，而是去思考他們?yōu)槭裁催@么做？然后再去揣摩背后的答案。

6、向那些有設(shè)計見解的人展示你的作品，并且傾聽他們對你的作品的評價，然后去思考他們所說的話，再應用到你的設(shè)計上。

7、不斷的自我反思，比如我們剛剛提到的問題。

8、現(xiàn)在我可以給Jon一些建議，比如你的“設(shè)計風格不統(tǒng)一”、“綠色按鈕太突兀”。我還給了他一些解決方案，比如“左對齊所有過濾器類別的按鈕”、“縮小按鈕的圓角半徑”、“給你的品牌顏色選擇一個亮色調(diào)”，如果想使你的作品更好，就要不斷打磨，細細雕琢。

9、別人對你作品的反饋和指導可以起到一定的作用，但是進步最快的方法還是要多練習，實踐出真知，而不是一味的照搬規(guī)范。

10、練習才能進步，不斷的努力嘗試，鍛煉出強大的執(zhí)行能力，是初學者們首先要需要的，一旦設(shè)計師這個角色在你心中形成，它會一步一步指導你進步。

當前題目：如何才能做出優(yōu)秀的設(shè)計？
當前網(wǎng)址：http://www.bm7419.com/news22/142622.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、ChatGPT、微信小程序、面包屑導航、全網(wǎng)營銷推廣、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)