規(guī)劃新手?嘤跊](méi)有師傅手把手教,許多都在尋覓那些能夠協(xié)助他們快速進(jìn)步規(guī)劃能力的辦法,現(xiàn)在時(shí)機(jī)來(lái)了,今日為咱們預(yù)備了九個(gè)有用規(guī)劃準(zhǔn)則,十分合適正在學(xué)習(xí)進(jìn)步的新手,來(lái)漲姿態(tài)吧。
什么是規(guī)劃,什么才是優(yōu)異的規(guī)劃?
規(guī)劃正在被不斷地細(xì)分并滲透到各行各業(yè),我所知道的規(guī)劃師分類(lèi)就包括:網(wǎng)頁(yè)規(guī)劃、工業(yè)規(guī)劃、圖形規(guī)劃、UI規(guī)劃、UX規(guī)劃等等。那么到底什么是規(guī)劃,咱們又為什么要規(guī)劃呢?其實(shí)所有類(lèi)別的規(guī)劃,它們的終究意圖都是類(lèi)似的,那就是去處理一個(gè)特定的問(wèn)題。規(guī)劃應(yīng)源于對(duì)問(wèn)題自身的考慮,并做出能夠處理問(wèn)題的相應(yīng)規(guī)劃。切忌為了規(guī)劃而規(guī)劃,在你著手畫(huà)草圖或原型前,測(cè)驗(yàn)問(wèn)問(wèn)自己對(duì)要處理的問(wèn)題是否現(xiàn)已清楚了,你又計(jì)劃用什么辦法去處理它呢?
什么又才是優(yōu)異的規(guī)劃呢?這是一個(gè)更難回答的問(wèn)題,能夠說(shuō)它既有規(guī)范又沒(méi)有規(guī)范。我所見(jiàn)到的那些優(yōu)異規(guī)劃絕不是那些包括了高明規(guī)劃技巧的著作, 它們的優(yōu)異之處反而在于規(guī)劃自身的老練度上。想一想,就在幾年之前,咱們手機(jī)上還充滿了那些擬物化的圖標(biāo),而今日無(wú)論是蘋(píng)果還是安卓,都在運(yùn)用更簡(jiǎn)單、明晰、扁平的圖標(biāo)。雖然說(shuō)是蘋(píng)果引領(lǐng)了這樣一個(gè)規(guī)劃風(fēng)格的改動(dòng),但這恰恰是規(guī)劃老練度進(jìn)步的一種體現(xiàn)。
盡可能少的規(guī)劃
說(shuō)到規(guī)劃的老練度,還不得不提Dieter Ram,他是德國(guó)聞名的工業(yè)規(guī)劃師,為德國(guó)家電制造商博朗規(guī)劃出許多十分優(yōu)異的產(chǎn)品,而他的許多規(guī)劃更是被蘋(píng)果拿來(lái)仿照。
Dieter Ram所提出的 10條優(yōu)異規(guī)劃準(zhǔn)則 更是被推重為規(guī)劃范疇的黃金規(guī)矩。作為一代規(guī)劃大師,他的成就如此杰出,而他所倡導(dǎo)的這些規(guī)劃準(zhǔn)則,即便在30年后的今日,仍然能在規(guī)劃界發(fā)生激烈地共識(shí)。
在這10條規(guī)劃準(zhǔn)則中的最終一條“優(yōu)異的規(guī)劃是盡可能少規(guī)劃”更是發(fā)人深思。我常?吹揭恍┮(guī)劃初學(xué)者們的規(guī)劃著作就像是許多規(guī)劃元素堆砌而成的,整個(gè)規(guī)劃著作違反了上面這些規(guī)劃準(zhǔn)則中的一條,乃至幾條,終究成為一個(gè)失利的規(guī)劃。無(wú)妨在你做規(guī)劃的進(jìn)程中,不斷地對(duì)照Dieter Ram的這10條規(guī)劃準(zhǔn)則,去考慮和批改自己的規(guī)劃,別的你也需求牢牢記住:少即是多的道理。
“這樣就好”與REDESIGN
我曾讀過(guò)幾本日本聞名規(guī)劃師的書(shū),比方《規(guī)劃中的規(guī)劃》,《規(guī)劃的覺(jué)醒》,《為什么規(guī)劃》等等,深深領(lǐng)會(huì)到日本這幾代規(guī)劃師經(jīng)過(guò)對(duì)日本的文明、環(huán)境、人文等各方面要素進(jìn)行全面調(diào)查,以及對(duì)規(guī)劃做出深刻反思后,得到的那些合適現(xiàn)代日本、亞洲乃至整個(gè)國(guó)際的優(yōu)異規(guī)劃思想。其華夏研哉(日本平面造型規(guī)劃大師)在許多場(chǎng)合都說(shuō)到了“這樣就好”的規(guī)劃理念——去掉不必要的潤(rùn)飾,愈加劇視產(chǎn)品的功用、內(nèi)容以及給人帶去的感觸。他將這一理念體現(xiàn)在了他所主導(dǎo)的時(shí)尚生活品牌“無(wú)印良品”的產(chǎn)品規(guī)劃之中,受到了年青一代極大的歡迎。
年青的規(guī)劃初學(xué)者們也應(yīng)細(xì)心領(lǐng)會(huì)“這樣就好”的規(guī)劃理念,并經(jīng)過(guò)不斷地實(shí)踐去到達(dá)它。而一個(gè)最卓有成效的辦法就是REDESIGN——從頭規(guī)劃(無(wú)印良品的許多產(chǎn)品都是經(jīng)過(guò)不斷進(jìn)行REDESIGN進(jìn)化而來(lái)的,為此他們還專(zhuān)門(mén)舉辦了以REDESIGN為主題的展覽與規(guī)劃競(jìng)賽)。經(jīng)過(guò)對(duì)原有(舊的)規(guī)劃進(jìn)行REDESIGN是一個(gè)發(fā)生規(guī)劃變革的有用辦法。
關(guān)于UI規(guī)劃來(lái)說(shuō),我相同能在Dribbble上看到許多REDESIGN的著作(大多是針對(duì)那些聞名網(wǎng)站或APP的),REDISGN關(guān)于那些沒(méi)有清晰規(guī)劃方針的初學(xué)者來(lái)說(shuō)是一種十分好的實(shí)踐辦法,你不只能經(jīng)過(guò)它進(jìn)步自己的規(guī)劃能力,并且在提交你的著作之后,還能取得許多其他規(guī)劃師的點(diǎn)評(píng)和主張,從中你能了解自己規(guī)劃中的問(wèn)題,并快速取得進(jìn)步。
別的我還想著重的一點(diǎn)是,REDESIGN不該只是針對(duì)規(guī)劃自身(比方:換一個(gè)色彩,加一些動(dòng)效 等等),而更應(yīng)從產(chǎn)品的功用、環(huán)境的匹配度、給運(yùn)用者的感觸等更深層次的方面去做出的考慮。REDESIGN其實(shí)是一種深化反思的進(jìn)程,信任當(dāng)你能夠?qū)⑺羞@些問(wèn)題都想清楚時(shí),也就現(xiàn)已完成了規(guī)劃的一大半工作了。
奇特的數(shù)字3
你可能現(xiàn)已發(fā)現(xiàn)了,在你所看到的許多事物都包括一個(gè)奇特的數(shù)字3,比方許多運(yùn)用3種色彩配色的網(wǎng)站,斯蒂夫喬布斯在介紹Apple產(chǎn)品時(shí)最多描繪產(chǎn)品的3個(gè)首要特性(比方 iPhone)。其實(shí),這背面是有原因的:人的大腦一次一起最簡(jiǎn)單記住3件工作。就像咱們記電話號(hào)碼時(shí),總是將它分為3個(gè)數(shù)字一組進(jìn)行回憶。別的3所構(gòu)成的形狀也最安穩(wěn),最簡(jiǎn)單讓人發(fā)生美感,因而在你對(duì)一些規(guī)劃中的數(shù)字無(wú)法確守時(shí),就運(yùn)用3這個(gè)數(shù)吧。
運(yùn)用網(wǎng)格來(lái)樹(shù)立次序
人們?cè)陂営[或閱覽一個(gè)頁(yè)面時(shí),都會(huì)下意識(shí)地去尋覓它的規(guī)矩,以便更好地辨認(rèn)內(nèi)容。優(yōu)異的規(guī)劃往往能夠協(xié)助人們樹(shù)立這種次序,便利人們獲取想要的內(nèi)容,而那些欠安的規(guī)劃則往往會(huì)加劇人們閱覽的擔(dān)負(fù),終究讓你的用戶早早地離你而去。
運(yùn)用網(wǎng)格進(jìn)行規(guī)劃是樹(shù)立次序的最有用途徑。規(guī)劃初學(xué)者們都能夠從運(yùn)用網(wǎng)格開(kāi)端,因?yàn)樗軈f(xié)助你做出共同且調(diào)和的規(guī)劃來(lái)。下面是我讀過(guò)的一本不錯(cuò)的關(guān)于網(wǎng)格運(yùn)用的小冊(cè)子《次序之美》,是由網(wǎng)格的發(fā)明者紐約時(shí)報(bào)網(wǎng)站的資深規(guī)劃師Knoi Vinh編寫(xiě)的,關(guān)于學(xué)習(xí)和運(yùn)用網(wǎng)格進(jìn)行規(guī)劃十分有協(xié)助。
用肉眼來(lái)判別平衡
平衡是另一個(gè)十分重要的規(guī)劃準(zhǔn)則,關(guān)于相同的規(guī)劃元素,咱們很簡(jiǎn)單運(yùn)用對(duì)稱(chēng)的辦法來(lái)處理平衡?墒顷P(guān)于那些形狀、巨細(xì)、色彩都有差異的元素,咱們又應(yīng)該怎么處理這種平衡呢?許多人會(huì)運(yùn)用標(biāo)尺來(lái)確保元素間的巨細(xì)和方位共同,但你還有必要用你的肉眼去驗(yàn)證并進(jìn)行必要的調(diào)整。因?yàn)槠胶獠恢蝗Q于物體的巨細(xì),更與它們的形狀、色彩、布景等要素有關(guān),信任自己的眼睛和感覺(jué)去調(diào)整你的規(guī)劃,使它終究到達(dá)整體的平衡。
運(yùn)用黃金份額
運(yùn)用網(wǎng)格能夠協(xié)助咱們將元素對(duì)齊,但咱們又應(yīng)該怎么承認(rèn)布局中欄位區(qū)分的份額,或許在咱們承認(rèn)了一些規(guī)劃元素的寬度之后怎么去決議它們的高度呢?這時(shí),咱們往往能夠用到黃金份額——1.618。
假如你運(yùn)用的是960Grid這種960px寬的網(wǎng)格系統(tǒng),而你期望分出兩欄布局時(shí),就能夠運(yùn)用960/1.618=593,,593px的方位就是黃金分割點(diǎn)。這樣兩欄的網(wǎng)頁(yè)布局,左面欄寬度設(shè)為593px,右邊欄寬度設(shè)為367px(960-593)就能夠了。相同當(dāng)你斷定了一張圖片的寬度為600px時(shí),選用黃金份額,它的高度就能夠設(shè)為370px左右。
當(dāng)然黃金分割份額只是在規(guī)劃上的一個(gè)輔導(dǎo),假如你能夠打破這個(gè)規(guī)矩又能確保整個(gè)規(guī)劃天然平衡也是能夠的,作為一個(gè)通常的規(guī)矩,常常把黃金份額用5:3來(lái)替代,雖然不是十分準(zhǔn)確,可是卻能更直觀和便利地在規(guī)劃中運(yùn)用。
適可而止的著重與比照
經(jīng)過(guò)著重能夠引導(dǎo)用戶去運(yùn)用產(chǎn)品的某些功用,比方:用戶注冊(cè)按鈕、產(chǎn)品的購(gòu)買(mǎi)按鈕 等等。但初學(xué)者往往會(huì)在運(yùn)用著重這種辦法時(shí),呈現(xiàn)一些常見(jiàn)的問(wèn)題:
1.在同一個(gè)頁(yè)面中過(guò)多地運(yùn)用著重
2.不分主次的著重
3.過(guò)度運(yùn)用色彩著重
過(guò)多的著重等于沒(méi)有著重,并且還會(huì)造成頁(yè)面的混亂。而不分主次的著重則會(huì)給運(yùn)用者帶來(lái)疑問(wèn)。最終一點(diǎn)“過(guò)度運(yùn)用色彩著重”是許多規(guī)劃初學(xué)者最簡(jiǎn)單犯的過(guò)錯(cuò),著重的辦法有許多種:色彩、比照、形狀等等。而運(yùn)用色彩比照時(shí)需求特別慎重,因?yàn)樗芎?jiǎn)單過(guò)度,因而只在那些有必要的當(dāng)?shù)剡\(yùn)用色彩。關(guān)于一些非必須的當(dāng)?shù),比方一個(gè)文章列表中的標(biāo)題,咱們能夠選用添加或削減灰度的辦法來(lái)發(fā)生比照,這也是一種十分有用的著重辦法,并且因?yàn)樯葲](méi)有不同,它往往能給人愈加調(diào)和和杰出的體會(huì)。(留意下面這個(gè)規(guī)劃中,在哪些當(dāng)?shù)匾?guī)劃師運(yùn)用了色彩)
規(guī)劃的盛行趨勢(shì)轉(zhuǎn)瞬即逝,而上面說(shuō)到的這些規(guī)劃準(zhǔn)則卻是永久的,期望每一位規(guī)劃初學(xué)者都能從了解和運(yùn)用這些規(guī)劃準(zhǔn)則和最佳實(shí)踐開(kāi)端,并經(jīng)過(guò)自己的不斷實(shí)踐,慢慢走向老練。 |