極簡(jiǎn)主義風(fēng)格:要講究四大設(shè)計(jì)要點(diǎn)
極簡(jiǎn)風(fēng)并不是簡(jiǎn)單的做減法,這也是極簡(jiǎn)設(shè)計(jì)最棘手的地方。想必設(shè)計(jì)師都明白“少即是多”這個(gè)概念,但是要怎么在實(shí)際設(shè)計(jì)中踐行這種極簡(jiǎn)設(shè)計(jì)的理念呢?今天的文章,就幫你梳理一下基本的法則,幫你在設(shè)計(jì)之前就理順?biāo)悸贰?/p>
你會(huì)發(fā)現(xiàn)現(xiàn)在的移動(dòng)端UI界面中極簡(jiǎn)風(fēng)的設(shè)計(jì)越來越多了。極簡(jiǎn)主義設(shè)計(jì)風(fēng)之所以能夠如此的受歡迎,很大程度是源自于它對(duì)于設(shè)計(jì)、開發(fā)的友好,它不僅讓APP的加載速度更快,讓APP對(duì)于不同屏幕的兼容性更加優(yōu)異。與此同時(shí),越來越多的用戶也開始青睞極簡(jiǎn)風(fēng)的設(shè)計(jì),極簡(jiǎn)風(fēng)的UI界面不僅漂亮,而且在可用性上也非常的突出:它易于導(dǎo)航,并且具備強(qiáng)大的視覺表現(xiàn)力。
設(shè)計(jì)師想通過精簡(jiǎn)內(nèi)容來呈現(xiàn)更多。
移除額外的元素
在你的設(shè)計(jì)當(dāng)中,每個(gè)元素都有其存在的意義。
在極簡(jiǎn)主義的設(shè)計(jì)當(dāng)中,整個(gè)設(shè)計(jì)中每一個(gè)元素都應(yīng)該是有目的、有針對(duì)性的存在,沒有多余的、無用的元素。所以,極簡(jiǎn)主義的設(shè)計(jì)應(yīng)該只保留絕對(duì)必要的那些組件。正如同 Antoine De Saint-Exupery 所說的:
“完美的設(shè)計(jì)是可以實(shí)現(xiàn)的,也許你還可以向其中加入更多的東西,但如果想從中移除某些元素,就完全不可能了?!?/p>
“減一分則少”,這個(gè)應(yīng)該就是極簡(jiǎn)主義設(shè)計(jì)的核心特征之一。
小貼士:在極簡(jiǎn)風(fēng)的設(shè)計(jì)中,謹(jǐn)慎的增減元素。
- 別想著普通的照片素材了。除非你想用的照片能夠讓你更清晰地表達(dá)你的設(shè)計(jì),否則就不要用。
- 盡可能簡(jiǎn)短直接地設(shè)計(jì)文案,將不必要的內(nèi)容去掉。用最少的、最低限度的語言表達(dá)清楚,所有的文案都應(yīng)該包含清晰的信息,減少讓人感到混亂的內(nèi)容和組件。
每屏只有一個(gè)視覺焦點(diǎn)
很簡(jiǎn)單的道理,屏幕上的內(nèi)容越少,保留下來的內(nèi)容就越容易被注意到,越有效,也越容易成為視覺焦點(diǎn)。極簡(jiǎn)主義的設(shè)計(jì)哲學(xué)是“內(nèi)容為王”,視覺設(shè)計(jì)要圍繞著內(nèi)容來進(jìn)行。這樣的設(shè)計(jì),是為了讓信息更清晰,消除干擾,而且要讓用戶更容易關(guān)注到核心的內(nèi)容。因此,極簡(jiǎn)主義設(shè)計(jì)應(yīng)該借助CTA之類的技術(shù)讓核心成為視覺焦點(diǎn)。
層次化的設(shè)計(jì),讓內(nèi)容更容易理解。
小貼士:
從粗糙的內(nèi)容開始入手,然后構(gòu)建可用的界面,讓用戶能夠輕松地導(dǎo)航、使用。然后進(jìn)一步細(xì)化。
簡(jiǎn)約的配色方案
簡(jiǎn)化配色方案能夠很好地幫你改善用戶體驗(yàn),太多的色彩可能會(huì)對(duì)一個(gè)極簡(jiǎn)的設(shè)計(jì)產(chǎn)生負(fù)面的影響。但是,限制色彩的數(shù)量并不意味著你只能使用黑白色調(diào),而不需要其他的色彩。極簡(jiǎn)主義的配色講究的是使用必要的顏色來幫你構(gòu)建整個(gè)視覺體系。
Clear 的 iOS 客戶端就采用了極簡(jiǎn)的配色風(fēng)格,采用有梯度的同系色來呈現(xiàn)層次。
小貼士:你可以試著在你的設(shè)計(jì)中采用大膽的配色方案,通過調(diào)整字體尺寸和帶有強(qiáng)調(diào)性的色彩,將用戶的注意力吸引到特定的區(qū)域,這樣都不需要額外的視覺提醒了。
大膽地使用留白
充滿呼吸感的布局是極簡(jiǎn)主義設(shè)計(jì)中常見的元素,也幾乎是必要的組成部分。留白指的是留出空間,它并不一定必須是白色。在極簡(jiǎn)風(fēng)的設(shè)計(jì)當(dāng)中,留白的存在讓視覺焦點(diǎn)更為突出,此外,它還塑造出整個(gè)設(shè)計(jì)的空間感和區(qū)域,呈現(xiàn)整體框架和布局。
Medium 的客戶端當(dāng)中,淺灰色的留白為整個(gè)排版布局填充出了框架
小貼士:較多的留白會(huì)讓用戶主動(dòng)去找視覺重心。所以留白的另外一個(gè)成為是負(fù)空間,它們確實(shí)能夠有效的引導(dǎo)用戶的眼睛去注意到特定的元素。
Sky 的iOS APP 就是通過留白讓用戶更易于識(shí)別信息的層次。
結(jié)語
極簡(jiǎn)主義是服務(wù)于內(nèi)容和需求的一種呈現(xiàn)形式,極簡(jiǎn)主義本身并不是目標(biāo)。形式應(yīng)該服務(wù)于功能。
極簡(jiǎn)主義設(shè)計(jì)風(fēng)格應(yīng)當(dāng)那個(gè)為了呈現(xiàn)簡(jiǎn)單、明確、直接、無摩擦的設(shè)計(jì)而存在的,它應(yīng)當(dāng)結(jié)合相應(yīng)的可用性設(shè)計(jì),并且設(shè)計(jì)師應(yīng)該在做極簡(jiǎn)設(shè)計(jì)的時(shí)候,注意細(xì)節(jié)的打磨。
當(dāng)你在做減法的時(shí)候,應(yīng)當(dāng)學(xué)會(huì)取舍,這樣才能讓設(shè)計(jì)有張力。
原文地址:Medium
原文作者:Nick Babich
譯者:@陳子木
譯文地址:http://www.uisdc.com/best-practices-for-minimalist-design
最難做的就是減法
請(qǐng)問CTA技術(shù)是什么技術(shù)?沒聽過這個(gè)詞,百度搜出來的解釋有點(diǎn)混亂。