設(shè)計(jì)大師談網(wǎng)頁設(shè)計(jì)技巧

很多設(shè)計(jì)師也許一直在苦惱：要如何才能成為一個(gè)優(yōu)秀的設(shè)計(jì)師呢?有沒有什么設(shè)計(jì)秘籍或者設(shè)計(jì)技巧可言?個(gè)人認(rèn)為，要成為一個(gè)成功的設(shè)計(jì)師，雖然沒有捷徑可走，但是也許卻有方法可言。如果凡事不講究方法，相信要達(dá)到目的那是相當(dāng)困難的。而如果方法對(duì)路，那么你離目標(biāo)就不遠(yuǎn)了。下面北極魚就給大家分享一篇來自國(guó)外設(shè)計(jì)大師Purin的關(guān)于設(shè)計(jì)技巧的文章。希望對(duì)那些像我一樣迷茫的設(shè)計(jì)師有所幫助。

下面的文章來自設(shè)計(jì)大師Purin博文的《Design Secrets for Engineers》譯文，版式可能有所變動(dòng)。 如果你是一個(gè)像我一樣的設(shè)計(jì)師，你所設(shè)計(jì)的作品首先要美觀。這一點(diǎn)可能會(huì)觸動(dòng)你的自尊心，讓你以為設(shè)計(jì)者需要有一種超能力，這種能力足以把整個(gè)世界變得更加美好。 如果你是一個(gè)工程師，你可能想知道這些設(shè)計(jì)師為什么會(huì)有如此大的力量呢?這是遺傳的嗎?是因?yàn)樵O(shè)計(jì)類院校傳授給了他們頂級(jí)的設(shè)計(jì)秘訣嗎?再或者就是他們和魔鬼進(jìn)行了交易，用他們的眼睛換得了設(shè)計(jì)靈感? 現(xiàn)在我?guī)Я艘恍┖孟�息：工程師不需要為了提高視覺設(shè)計(jì)能力而去尋找什么靈丹妙藥。我十分確信，好的設(shè)計(jì)能力如學(xué)騎自行車、彈鋼琴一樣，是可以后天練成的。如果你練習(xí)的足夠多，你的設(shè)計(jì)能力就會(huì)越來越好。一旦你完全掌握了它，該技能就不會(huì)退化。說這些，是因?yàn)槲以��?jīng)的設(shè)計(jì)能力也十分糟糕，后來我從事圖形設(shè)計(jì)的朋友給了我一些建議，幾年后，我可以驕傲地說我已經(jīng)是一名設(shè)計(jì)專家了。今天我希望和你分享這些建議。前五個(gè)建議更適合于視覺設(shè)計(jì)，而后面的三條比較適合于交互設(shè)計(jì)。 設(shè)計(jì)空白區(qū)域

如果你和15個(gè)人擠在同一個(gè)電梯中，你肯定會(huì)感到呼吸困難……尤其當(dāng)某個(gè)人放屁后。當(dāng)你設(shè)計(jì)一個(gè)層或者UI界面時(shí)，不要試圖把太多的元素硬塞到一個(gè)頁面中，隨意再增加一個(gè)元素都可能破壞整體的視覺效果。適當(dāng)留一些空白，給眼睛留有呼吸的時(shí)間。我通常會(huì)在元素之間留有一些空白區(qū)域，確保元素之間不會(huì)離的太遠(yuǎn)，也不會(huì)離得太近。看看上圖中的版式設(shè)計(jì)，相信大家自能分辨好壞。 把設(shè)計(jì)元素排在一條直線上

這條是所有圖形設(shè)計(jì)規(guī)則的基礎(chǔ)。除非你想再創(chuàng)造一副蒙娜麗莎的偉大作品，否則請(qǐng)把所有設(shè)計(jì)元素放在一條直線上。我們的大腦更喜歡這樣的方式。這種設(shè)計(jì)風(fēng)格被稱為網(wǎng)格系統(tǒng)，它可以把更多的事物放在同一條直線上。幼兒園的兒童都能夠做到，我們這些成年人同樣可以做到。 用設(shè)計(jì)者的字體

在設(shè)計(jì)的世界里有好字體也有壞字體。好字體(像 Gotham, Trade Gothic Bold Condensed和Garamond)可以讓人的眼睛愉悅，它會(huì)給你帶來一種在海灘上喝清涼雞尾酒的爽快感覺。而壞字體就像眼屎一樣，令人厭惡。盡量避免使用高優(yōu)先級(jí)的默認(rèn)字體，像Impact、Curlz和Comic Sans。如若你必須使用一個(gè)提前置入的字體，Helvetica和Georgia這兩種字體可以優(yōu)先考慮這是兩種經(jīng)典的字體，已經(jīng)過充分改進(jìn)。如果你想要一種可以在Web上表現(xiàn)突出的設(shè)計(jì)字體，可以嘗試一下 Typekit。……但請(qǐng)不要用WordArt。 不斷從視覺上進(jìn)行檢驗(yàn)

我并不認(rèn)識(shí)你，但我做飯時(shí)，我總會(huì)不時(shí)地嘗一嘗，以確保我放的調(diào)料用量合適。當(dāng)你設(shè)計(jì)時(shí)，也要不時(shí)地檢驗(yàn)一下。經(jīng)常審視一下你的設(shè)計(jì)屏幕。看看色彩搭配、看看版式設(shè)計(jì)，請(qǐng)確定你首先看到的是什么?其次看到的是什么?再者呢?同樣在十步以外再看一下這個(gè)設(shè)計(jì)屏幕。無論你信還是不信，設(shè)計(jì)師只要照著做就可以保持設(shè)計(jì)的正確性。它也可以幫你避免增加一些不必要的細(xì)節(jié)和按鈕。 保持設(shè)計(jì)的連貫性

在你的設(shè)計(jì)中，不要用兩種以上的字體和三種以上的顏色。要保持整個(gè)設(shè)計(jì)草圖的一致性。在我們繪制一個(gè)元素時(shí)，首先停下來思考一下，讓它和整個(gè)設(shè)計(jì)保持一致性。還有一點(diǎn)，我們不要試圖拉伸Logo和圖像。想象一下，如果某人把你的臉橫向拉長(zhǎng)了5%，這樣還會(huì)好看嗎? 設(shè)置優(yōu)先級(jí)

我們應(yīng)該分別把重要的事和不重要的事分別列出來，這樣可以節(jié)約你很多精力。 使用Keynote

我喜歡使用Keynote。Keynote可以使所有元素處于同一條直線上，可以很容易地美化所有元素。如果沒有這個(gè)神奇的程序，我不知道是否還在別的方法可以幫助我走到今天。除了可以使幻燈片轉(zhuǎn)化成一個(gè)個(gè)小窗口外，它還可以使UI界面看起來更加流暢。可以搜索一下“Keynote mockup templates”這個(gè)關(guān)鍵詞，你可以找到很多關(guān)于快速簡(jiǎn)易構(gòu)建美觀原型應(yīng)用的方法。 檢驗(yàn)UI的人性化設(shè)計(jì)

一個(gè)UI界面之所以會(huì)成功，多是因?yàn)樵谌藗兪状慰吹剿鼤r(shí)，它可以帶來一種很舒服的感覺。在你開始設(shè)計(jì)之前，先自問一下你設(shè)計(jì)的每個(gè)元素具有什么樣的人性化特點(diǎn)。如果這個(gè)UI重新被設(shè)計(jì)，它會(huì)帶給人什么樣的感受? 除這些這外，請(qǐng)留意其他方法。自信往往導(dǎo)致“你永遠(yuǎn)是正確而其他人都是錯(cuò)誤”的想法。但仍要承認(rèn)一點(diǎn)：你不一定永遠(yuǎn)正確。 你不可能一夜之間變成一個(gè)超級(jí)設(shè)計(jì)者，你需要經(jīng)過磨煉，同時(shí)要相信自己可以做得很好。最后請(qǐng)?jiān)俅沃貜?fù)一次“我也可以成為一個(gè)設(shè)計(jì)專家”最終你將夢(mèng)想成真

[設(shè)計(jì)大師談網(wǎng)頁設(shè)計(jì)技巧]相關(guān)文章：

1.設(shè)計(jì)大師談網(wǎng)頁設(shè)計(jì)技巧

【設(shè)計(jì)大師談網(wǎng)頁設(shè)計(jì)技巧】相關(guān)文章：

設(shè)計(jì)大師作文02-19

設(shè)計(jì)師談單溝通技巧07-11

設(shè)計(jì)大師的細(xì)節(jié)名言12-28

網(wǎng)頁設(shè)計(jì)報(bào)告07-31

網(wǎng)頁設(shè)計(jì)總結(jié)11-09

怎樣網(wǎng)頁設(shè)計(jì)03-30

網(wǎng)頁設(shè)計(jì)求職信 個(gè)人求職網(wǎng)頁設(shè)計(jì)02-21

普通網(wǎng)頁設(shè)計(jì)與淘寶網(wǎng)頁設(shè)計(jì)有什么不同？07-09

室內(nèi)設(shè)計(jì)師談單技巧07-11

設(shè)計(jì)師談單和做單的技巧07-11