設(shè)計(jì)心得拙劣的設(shè)計(jì)常見(jiàn)原因.doc

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