深度科普9個(gè)經(jīng)典永恒的設(shè)計(jì)原則

很多人都在尋找那些能夠幫助他們快速提升設(shè)計(jì)能力的方法，但你是否想過，自己身上的哪些方面會對你的設(shè)計(jì)產(chǎn)生影響呢？是使用工具的技巧，對設(shè)計(jì)的理 解和態(tài)度，還是你的生活習(xí)慣呢？我想說所有這些都是決定你的設(shè)計(jì)是否優(yōu)秀的因素，而在這之中，對設(shè)計(jì)本身的理解尤為重要。在這篇文章里，我嘗試著通過那些 經(jīng)典的設(shè)計(jì)原則和設(shè)計(jì)領(lǐng)域內(nèi)的一些實(shí)踐，來啟發(fā)你對設(shè)計(jì)的重新認(rèn)識。

什么是設(shè)計(jì)，什么又才是優(yōu)秀的設(shè)計(jì)

設(shè)計(jì)正在被不斷地細(xì)分并滲透到各行各業(yè)，我所知道的設(shè)計(jì)師分類就包括：工業(yè)設(shè)計(jì)、圖形設(shè)計(jì)、UI設(shè)計(jì)、UX設(shè)計(jì)等等。那么到底什么是設(shè)計(jì)，我們又為 什么要設(shè)計(jì)呢？其實(shí)所有類別的設(shè)計(jì)，它們的最終目的都是相似的，那就是去解決一個(gè)特定的問題。設(shè)計(jì)應(yīng)源于對問題本身的思考，并做出能夠解決問題的相應(yīng)設(shè) 計(jì)。切忌為了設(shè)計(jì)而設(shè)計(jì)，在你動手畫草圖或原型前，嘗試問問自己對要解決的問題是否已經(jīng)清楚了，你又打算用什么方式去解決它呢？

什么又才是優(yōu)秀的設(shè)計(jì)呢？這是一個(gè)更難回答的問題，可以說它既有標(biāo)準(zhǔn)又沒有標(biāo)準(zhǔn)。我所見到的那些優(yōu)秀設(shè)計(jì)絕不是那些包含了高超設(shè)計(jì)技巧的作品， 它們的優(yōu)秀之處反而在于設(shè)計(jì)本身的成熟度上。想一想，就在幾年之前，我們手機(jī)上還充滿了那些擬物化的圖標(biāo)，而今天無論是蘋果還是安卓，都在使用更簡單、清 晰、扁平的圖標(biāo)。雖然說是蘋果引領(lǐng)了這樣一個(gè)設(shè)計(jì)風(fēng)格的改變，但這恰恰是設(shè)計(jì)成熟度提高的一種表現(xiàn)。

盡可能少的設(shè)計(jì)

說到設(shè)計(jì)的成熟度，還不得不提Dieter Ram，他是德國著名的工業(yè)設(shè)計(jì)師，為德國家電制造商創(chuàng)新互聯(lián)設(shè)計(jì)出很多非常優(yōu)秀的產(chǎn)品，而他的很多設(shè)計(jì)更是被蘋果拿來模仿。

Dieter Ram所提出的 10條優(yōu)秀設(shè)計(jì)原則 更是被推崇為設(shè)計(jì)領(lǐng)域的黃金法則。作為一代設(shè)計(jì)巨匠，他的成就如此杰出，而他所倡導(dǎo)的這些設(shè)計(jì)原則，即使在30年后的今天，仍然能在設(shè)計(jì)界產(chǎn)生強(qiáng)烈地共鳴。

在這10條設(shè)計(jì)原則中的最后一條“優(yōu)秀的設(shè)計(jì)是盡可能少設(shè)計(jì)”更是發(fā)人深省。我經(jīng)?？吹揭恍┰O(shè)計(jì)初學(xué)者們的設(shè)計(jì)作品就像是很多設(shè)計(jì)元素堆砌而成的， 整個(gè)設(shè)計(jì)作品違反了上面這些設(shè)計(jì)原則中的一條，甚至幾條，最終成為一個(gè)失敗的設(shè)計(jì)。不妨在你做設(shè)計(jì)的過程中，不斷地對照Dieter Ram的這10條設(shè)計(jì)原則，去思考和修正自己的設(shè)計(jì)，另外你也需要牢牢記?。荷偌词嵌嗟牡览?。

“這樣就好”與REDESIGN

我曾讀過幾本日本知名設(shè)計(jì)師的書，比如《設(shè)計(jì)中的設(shè)計(jì)》，《設(shè)計(jì)的覺醒》，《為什么設(shè)計(jì)》等等，深深體會到日本這幾代設(shè)計(jì)師通過對日本的文化、環(huán) 境、人文等各方面因素進(jìn)行全面觀察，以及對設(shè)計(jì)做出深刻反思后，得到的那些適合現(xiàn)代日本、亞洲甚至整個(gè)世界的優(yōu)秀設(shè)計(jì)思想。其中原研哉（日本平面造型設(shè)計(jì) 大師）在很多場合都提到了“這樣就好”的設(shè)計(jì)理念——去掉不必要的修飾，更加注重產(chǎn)品的功能、內(nèi)容以及給人帶去的感受。他將這一理念體現(xiàn)在了他所主導(dǎo)的時(shí) 尚生活品牌“無印良品”的產(chǎn)品設(shè)計(jì)之中，受到了年輕一代極大的歡迎。

年輕的設(shè)計(jì)初學(xué)者們也應(yīng)仔細(xì)體會“這樣就好”的設(shè)計(jì)理念，并通過不斷地實(shí)踐去達(dá)到它。而一個(gè)最行之有效的方法便是REDESIGN——重新設(shè)計(jì)（無 印良品的很多產(chǎn)品都是通過不斷進(jìn)行REDESIGN進(jìn)化而來的，為此他們還專門舉辦了以REDESIGN為主題的展覽與設(shè)計(jì)比賽）。通過對原有（舊的）設(shè) 計(jì)進(jìn)行REDESIGN是一個(gè)產(chǎn)生設(shè)計(jì)變革的有效方式。

對于UI設(shè)計(jì)來說，我同樣能在Dribbble上看到很多REDESIGN的作品（大多是針對那些知名網(wǎng)站或APP的），REDISGN對于那些沒 有明確設(shè)計(jì)目標(biāo)的初學(xué)者來說是一種非常好的實(shí)踐方式，你不僅能通過它提升自己的設(shè)計(jì)能力，而且在提交你的作品之后，還能獲得很多其他設(shè)計(jì)師的點(diǎn)評和建議， 從中你能了解自己設(shè)計(jì)中的問題，并快速獲得提高。

另外我還想強(qiáng)調(diào)的一點(diǎn)是，REDESIGN不應(yīng)僅僅針對設(shè)計(jì)本身（比如：換一個(gè)顏色，加一些動效 等等），而更應(yīng)從產(chǎn)品的功能、環(huán)境的匹配度、給使用者的感受等更深層次的方面去做出的思考。REDESIGN其實(shí)是一種深入反思的過程，相信當(dāng)你能夠?qū)⑺?有這些問題都想清楚時(shí)，也就已經(jīng)完成了設(shè)計(jì)的一大半工作了。

遵從設(shè)計(jì)的實(shí)踐

我沒有上過任何設(shè)計(jì)學(xué)校，使用PS等工具的水平更是糟糕，但這并不妨礙我做出一個(gè)還算不錯(cuò)的設(shè)計(jì)，因?yàn)槲視谠O(shè)計(jì)中盡可能地參照那些設(shè)計(jì)的實(shí) 踐。在你的能力還沒達(dá)到打破那些設(shè)計(jì)準(zhǔn)則去進(jìn)行創(chuàng)新并形成自己鮮明的風(fēng)格之前，不妨也像我一樣遵守那些設(shè)計(jì)的實(shí)踐，因?yàn)樗鼈兺怯行У摹?/p>

神奇的數(shù)字3

你可能已經(jīng)發(fā)現(xiàn)了，在你所看到的許多事物都包含一個(gè)神奇的數(shù)字3，比如大量使用3種顏色配色的網(wǎng)站，斯蒂夫喬布斯在介紹Apple產(chǎn)品時(shí)最多描述產(chǎn) 品的3個(gè)主要特性（比如 iPhone）。其實(shí)，這背后是有原因的：人的大腦一次同時(shí)最容易記住3件事情。就像我們記電話號碼時(shí)，總是將它分為3個(gè)數(shù)字一組進(jìn)行記憶。另外3所構(gòu)成 的形狀也最穩(wěn)定，最容易讓人產(chǎn)生美感，因此在你對一些設(shè)計(jì)中的數(shù)字無法確定時(shí)，就使用3這個(gè)數(shù)吧。

使用網(wǎng)格來確立秩序

人們在瀏覽或閱讀一個(gè)頁面時(shí)，都會下意識地去尋找它的規(guī)律，以便更好地識別內(nèi)容。優(yōu)秀的設(shè)計(jì)往往能夠幫助人們建立這種秩序，方便人們獲取想要的內(nèi)容，而那些不佳的設(shè)計(jì)則往往會加重人們閱讀的負(fù)擔(dān)，最終讓你的用戶早早地離你而去。

使用網(wǎng)格進(jìn)行設(shè)計(jì)是建立秩序的最有效途徑。設(shè)計(jì)初學(xué)者們都可以從使用網(wǎng)格開始，因?yàn)樗軒椭阕龀鼋y(tǒng)一且和諧的設(shè)計(jì)來。下面是我讀過的一本不錯(cuò)的關(guān) 于網(wǎng)格應(yīng)用的小冊子《秩序之美》，是由網(wǎng)格的發(fā)明者紐約時(shí)報(bào)網(wǎng)站的資深設(shè)計(jì)師Knoi Vinh編寫的，對于學(xué)習(xí)和使用網(wǎng)格進(jìn)行設(shè)計(jì)非常有幫助。

用肉眼來判斷平衡

平衡是另一個(gè)非常重要的設(shè)計(jì)原則，對于相同的設(shè)計(jì)元素，我們很容易使用對稱的方法來處理平衡。但是對于那些形狀、大小、顏色都有差異的元素，我們又 應(yīng)該如何處理這種平衡呢？很多人會使用標(biāo)尺來確保元素間的大小和位置一致，但你還必須用你的肉眼去驗(yàn)證并進(jìn)行必要的調(diào)整。因?yàn)槠胶獠粌H取決于物體的大小， 更與它們的形狀、顏色、背景等因素有關(guān)，相信自己的眼睛和感覺去調(diào)整你的設(shè)計(jì)，使它最終達(dá)到整體的平衡。

應(yīng)用黃金比例

使用網(wǎng)格可以幫助我們將元素對齊，但我們又應(yīng)該如何確認(rèn)布局中欄位劃分的比例，或者在我們確認(rèn)了一些設(shè)計(jì)元素的寬度之后如何去決定它們的高度呢？這時(shí)，我們往往可以用到黃金比例——1.618。

如果你使用的是960Grid這種960px寬的網(wǎng)格系統(tǒng)，而你希望分出兩欄布局時(shí)，就可以使用960/1.618=593，，593px的位置就 是黃金分割點(diǎn)。這樣兩欄的網(wǎng)頁布局，左邊欄寬度設(shè)為593px，右邊欄寬度設(shè)為367px（960-593）就可以了。同樣當(dāng)你確定了一張圖片的寬度為 600px時(shí)，采用黃金比例，它的高度就可以設(shè)為370px左右。

當(dāng)然黃金分割比例只是在設(shè)計(jì)上的一個(gè)指導(dǎo)，如果你可以打破這個(gè)規(guī)則又能保證整個(gè)設(shè)計(jì)自然平衡也是可以的，作為一個(gè)通常的規(guī)則，經(jīng)常把黃金比例用5：3來代替，雖然不是非常精確，但是卻能更直觀和方便地在設(shè)計(jì)中使用。

恰到好處的強(qiáng)調(diào)與對比

通過強(qiáng)調(diào)可以引導(dǎo)用戶去使用產(chǎn)品的某些功能，比如：用戶注冊按鈕、產(chǎn)品的購買按鈕 等等。但初學(xué)者往往會在運(yùn)用強(qiáng)調(diào)這種方法時(shí)，出現(xiàn)一些常見的問題：

1. 在同一個(gè)頁面中過多地運(yùn)用強(qiáng)調(diào)
2. 不分主次的強(qiáng)調(diào)
3. 過度使用顏色強(qiáng)調(diào)

過多的強(qiáng)調(diào)等于沒有強(qiáng)調(diào)，而且還會造成頁面的混亂。而不分主次的強(qiáng)調(diào)則會給使用者帶來疑惑。最后一點(diǎn)“過度使用顏色強(qiáng)調(diào)”是很多設(shè)計(jì)初學(xué)者最容易犯的錯(cuò)誤，強(qiáng)調(diào)的方式有很多種：色彩、對比、形狀等等。而使用色彩對比時(shí)需要特別謹(jǐn)慎，因?yàn)樗苋菀走^度。對于一些次要的地方，比如一個(gè)文章列表中的標(biāo)題，我們可以采用增加或減少灰度的方法來產(chǎn)生對比，這也是一種非 常有效的強(qiáng)調(diào)方法，而且由于色度沒有差別，它往往能給人更加和諧和良好的體驗(yàn)。

設(shè)計(jì)的流行趨勢轉(zhuǎn)瞬即逝，而上面提到的這些設(shè)計(jì)原則卻是永恒的，希望每一位設(shè)計(jì)初學(xué)者都能從理解和運(yùn)用這些設(shè)計(jì)原則和實(shí)踐開始，并通過自己的不斷實(shí)踐，慢慢走向成熟。移動網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站

新聞名稱：深度科普9個(gè)經(jīng)典永恒的設(shè)計(jì)原則
分享地址：http://www.muchs.cn/news27/173127.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、動態(tài)網(wǎng)站、外貿(mào)建站

廣告

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