設(shè)計心得拙劣的設(shè)計常見原因.doc

設(shè)計心得:拙劣的設(shè)計常見原因今天在“Mobile Interaction Design”一書中看到了對“拙劣設(shè)計”的描述，覺得印象頗深。 很多時候會聽到身邊的人抱怨產(chǎn)品發(fā)布后發(fā)現(xiàn)完全不是自己理想的設(shè)計而遭到種種指責(zé)，甚是“無奈”，卻又未能深入追究是什么導(dǎo)致了這樣的結(jié)果，書中例舉了三個常見原因： -擔(dān)心更好的設(shè)計會花費更多經(jīng)費 經(jīng)紀上的短期主義； -過分地強調(diào)技術(shù)而忽略目的； -缺乏基于用戶的“調(diào)試”- 僅僅依據(jù)自己的理解去設(shè)計； 如果執(zhí)白一點來理解會是：沒有設(shè)計目標，沒有設(shè)計原則，沒有情景和用戶； -設(shè)計目標 需要知道為什么而去設(shè)計，設(shè)計要解決一個什么問題； 設(shè)計原則 什么是可以妥協(xié)的，什么是不可以違背設(shè)計目的的； -用戶 設(shè)計最后服務(wù)于誰，他們的認知、期望、需求和所處情景是否都了解？ 那除了上面這幾個因素，嚴格點來說可能還會有： 設(shè)計思想 如果沒有創(chuàng)新和突破， 就像山寨最后還是被用戶投了放棄票； 情感化設(shè)計 - 如果不能給用戶帶來愉悅或正面的情感體驗，能算一個好的設(shè)計嗎？ 設(shè)計理論:連貫性的排版設(shè)計譯者的話】在以前的很多篇文章中，我們都講述了如何通過顏色、字體及版式的重復(fù)應(yīng)用來形成視覺的一致性及連貫性，而在本文中，我們從Automobile雜志中會學(xué)到另一種排版方式來產(chǎn)生版面的連貫性：模仿一個觀眾走進產(chǎn)品陳列室的現(xiàn)場視覺來展現(xiàn)。原文出處：名車雜志通過巧妙的排版將10架車連續(xù)貫穿在18頁的雜志中。雜志其中一個最大的特點是其具有順序的特點，呈現(xiàn)一種線性的連貫：首先是這個，然后去到下一個，再去到下一個。這種特點符合我們的閱讀天性，也使我們能夠更好地明白相關(guān)的信息。但如果你要讓所有的東西能夠一次性展示，你如何做到？比如，我們有10輛汽車要展示。一般情況下，我們看到的，都是支離破碎的信息，每一頁展示其中一個，這樣連續(xù)性的視覺效果就會被破壞。在2008年1月出版的名車雜志 “全明星”（All Stars）專題中，它們采用了一種聰明的辦法來進行排版。在排版中，每一個展開頁都展現(xiàn)一輛汽車，但同時又能遠距離觀察到前一輛車。這種效果就象我們走進一個汽車的陳列室，我們一邊走，一邊打量起某一輛車，但我們?nèi)匀豢梢钥吹脚赃叺能嚒Ｗ屛覀兎_雜志瞧瞧：保持連貫：每一輛要介紹的靚車都放置在展開頁充分展示，但旁邊局部呈現(xiàn)的另一輛車去引誘你繼續(xù)看下去。而且每一個版面的排版風(fēng)格都是重復(fù)的，強化了視覺上的一致性。汽車在版面中的安排就像你一個人走進了汽車陳列室一樣從不同的角度，不同的距離并且不同的高度來觀察你周圍的情景。這種流動式排版的優(yōu)點是使版面呈現(xiàn)一種動態(tài)感及近距離觀察感（因為有其它汽車作為參照物）。 低調(diào)的文字： 文字塊非常緊湊，只集中在一個小區(qū)域里，兩個作用：一，騰出足夠大的空間給汽車擺放，二，確保汽車能夠引起觀眾的注意。人家走進來就是要來看車的，不要喧賓奪主！同時，每一個文字塊都具有不同的“聲調(diào)”。文字構(gòu)成的標題：當(dāng)字體足夠大時，我們更多會注意到的是它的字母結(jié)構(gòu)，這種結(jié)構(gòu)其實呈現(xiàn)了一種藝術(shù)特征。在這里，我們用兩英寸的大字字母構(gòu)成一種藝術(shù)感極強的視覺氛圍?；【€與襯線的配合呈現(xiàn)出一種圖案效果。間距非常緊密的說明文字和紅色數(shù)字8與A和S交織設(shè)計構(gòu)成了這個專題的起跑線。上圖中，上面的兩個圓圈所指的文字區(qū)域產(chǎn)生四種聲調(diào)：襯線字體以非常窄的列排版，由于距離較窄，中間加了一條垂直線分開；文字沒有采用連字符，放不進的詞組會另起一行，這一點同樣有點特別，由于文字欄離右邊距比較近，采用零連字符的效果使到邊緣參差不齊，個別行甚至離右邊距很遠，減少了這里的壓抑感。在這里，列中的小標題與前面大標題中的說明文字字體一樣，形成了主題的連貫感。作者名字放在最后作為一段介紹的結(jié)束?；疑木匦螇K與上方兩欄的寬度一樣，強化了文字欄的整體感。文字欄左上方（見上圖下方的示意圖）背景則采用了白色。下方的這個白色背景區(qū)域里的文字則形成兩種聲調(diào)：當(dāng)字體、字體大小及樣式改變時，字體就會產(chǎn)生不同的聲音。在這里，上方汽車的型號采用襯線體，而下方短標題則采用非襯線體。均為右對齊。重復(fù)的元素強化了連貫性： 文字塊在每一頁都重復(fù)應(yīng)用，使到雜志中的文字信息不斷延續(xù)下去。那個藝術(shù)化的“08 ALL STARS”標題是這個專題中一個重要的標識： 每一文字欄的寬度都大致相同，如果兩欄放不下，就三欄，但不要改變每一列文字欄的寬度來遷就文字的數(shù)量。上面所談到的這些字體間距、顏色、欄寬及灰色背景塊都會在每一頁里重復(fù)出現(xiàn)，正是這些重復(fù)的元素在不斷強化版面的連貫性。當(dāng)然，聰明的你已經(jīng)在想：不僅僅雜志才可以采用這種排版方式！Automobile雜志網(wǎng)址：“08 ALL STARS”在每一個展開頁中都放置在左上角，它是主要的“視覺識別標志”，讀者可以馬上知道這是同一篇文章的內(nèi)容。萬一因為排版的原因，如果文章被打斷，有部分內(nèi)容要放在雜志的后面，這個識別標志更應(yīng)該如影跟隨。不斷引導(dǎo)：為了模仿真實的現(xiàn)場感，沒有一個