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