亚洲一区亚洲二区亚洲三区,国产成人高清在线,久久久精品成人免费看,999久久久免费精品国产牛牛,青草视频在线观看完整版,狠狠夜色午夜久久综合热91,日韩精品视频在线免费观看

簡約主義設(shè)計(jì):少就是多交互設(shè)計(jì) -電腦資料

電腦資料 時(shí)間:2019-01-01 我要投稿
【www.ishadingyu.com - 電腦資料】

   

    本文翻譯自老外的一篇文章(原文),但并不是完全的直譯,文章中加入了我的一些經(jīng)驗(yàn)與想法:

    作為設(shè)計(jì)師的我們,都知道一個(gè)簡約的設(shè)計(jì)可以創(chuàng)造出很美觀的結(jié)果,

簡約主義設(shè)計(jì):少就是多交互設(shè)計(jì)

。然而,在真正去做的時(shí)候許多設(shè)計(jì)師都會(huì)遇到麻煩,在用相當(dāng)少的元素去設(shè)計(jì)一個(gè)頁面時(shí),感覺相當(dāng)?shù)睦щy,結(jié)果都會(huì)覺得這個(gè)頁面看上去像沒完成的。網(wǎng)上有許多關(guān)于極簡主義設(shè)計(jì)的文章可以去幫助你去實(shí)現(xiàn)效果,但卻不是僅有的辦法,F(xiàn)在,我會(huì)舉一些關(guān)于極簡主義設(shè)計(jì)的例子,大家可以去分析為什么有些能起作用有些卻不能。

什么是簡約的設(shè)計(jì)呢?

    簡約的設(shè)計(jì)可以形容為最基礎(chǔ)的設(shè)計(jì),去掉多余的元素,顏色,形狀和紋理。其目的是使內(nèi)容中脫穎而出,成為焦點(diǎn)。從視覺的角度來看,簡約的設(shè)計(jì)是平靜的,讓用戶的心靈處在最原始的地方。設(shè)計(jì)發(fā)展開始于瑞士,當(dāng)時(shí)適用于各種媒體:平面設(shè)計(jì),建筑,音樂,文學(xué),繪畫,更多的是最近談的網(wǎng)頁設(shè)計(jì)。

    雖然簡約的設(shè)計(jì)發(fā)展了這幾十年,早期的互聯(lián)網(wǎng)并沒有表現(xiàn)出效果來。甚至都沒有旋轉(zhuǎn)可動(dòng)的logo,圖片滾動(dòng)和鮮艷的色彩,網(wǎng)站設(shè)計(jì)的混亂而且無規(guī)律。其實(shí)我們可以回歸到簡約設(shè)計(jì)的基本原則。但是,即使您選擇不追求極簡美學(xué),這里的經(jīng)驗(yàn)教訓(xùn)可以幫助您簡化您的設(shè)計(jì),或者你的風(fēng)格。

少即是多

    正如前面提到的,極簡主義會(huì)給用戶帶來的最重要的內(nèi)容,最大程度的減少用戶去分心。如果一個(gè)頁面有太多的元素,瀏覽者將到去尋找重要內(nèi)容而且要考慮每個(gè)元素的優(yōu)先級(jí)。一個(gè)簡約的設(shè)計(jì),把所有的重點(diǎn)都放在內(nèi)容上。

    舉一個(gè)妖嬈艷麗的色彩展現(xiàn)黑色和白色上的設(shè)計(jì),這樣一定是想去得到用戶的關(guān)注。讓色彩本身成為焦點(diǎn)。讓我們看看一個(gè)具體的例子 :

   

    你可能曾經(jīng)看到過這種設(shè)計(jì):純白色的背景,內(nèi)容和一個(gè)圖形元素明顯的區(qū)分。圖形元素帶來了顏色,紋理和形狀。這些顯然都是在頁面上最重要的元素,它定義了設(shè)計(jì)師的想法和創(chuàng)意。這個(gè)特定的圖形元素的復(fù)雜性,使得網(wǎng)頁上更多的內(nèi)容就不會(huì)那么明顯了,那么重要了。讓主題內(nèi)容顯得簡潔而突出,設(shè)計(jì)師已經(jīng)完美的平衡了這一點(diǎn)。

如何最大限度地減少內(nèi)容

    第一步,我們要?jiǎng)?chuàng)建的就是簡約的設(shè)計(jì),或者是簡化布局,不是簡簡單單地削減了大部分的圖形,而是要重新思考的內(nèi)容和去掉無用的要求。只有到那時(shí),最重要的元素在頁面上才能實(shí)現(xiàn)預(yù)期的效果。就像你去策劃任何網(wǎng)站,寫下你需要什么樣的內(nèi)容:Logo,描述,導(dǎo)航等,去掉所有沒有必要的模塊。盡可能的去刪減 。下面就是一些你可能不需要的元素。謹(jǐn)記,這僅僅是一些指導(dǎo)。特定的設(shè)計(jì)會(huì)根據(jù)特定的需求去決定。下面中有些就是我們在設(shè)計(jì)網(wǎng)站中可以簡化的:

社會(huì)化媒體的圖標(biāo)或圖形,或者相關(guān)的章節(jié)

標(biāo)語和詳細(xì)的描述或介紹

“相關(guān)的”,“最受歡迎的”和“最近瀏覽的”等等列表(包括Twitter和RSS列表)

超過三個(gè)主要部分(如“簡介”,“關(guān)于”和“服務(wù)”)的網(wǎng)頁

二級(jí)導(dǎo)航頁面

    這里最關(guān)鍵不是去削減網(wǎng)站的功能,而是削減不必要的元素(從而突出必要的主題內(nèi)容),或者組合一些模塊成為一個(gè),組成簡單的布局。您也可以分割單獨(dú)模塊的內(nèi)容,讓分開的內(nèi)容更加受關(guān)注。

    如何簡化設(shè)計(jì),現(xiàn)在的要做的是盡可能去簡化設(shè)計(jì)。極簡的設(shè)計(jì)應(yīng)該是少許的質(zhì)感紋理,顏色,形狀,線條,內(nèi)容等類型 。也不能太大膽,這樣設(shè)計(jì)出來的感覺會(huì)變得枯燥 。我們拋開一切,通過去制造亮點(diǎn)來突出主題。那么怎樣去制造視覺亮點(diǎn)呢,記住下面展現(xiàn)出來的一些方法,靈活的去運(yùn)用在你工作或設(shè)計(jì)的過程中。

使用一個(gè)大的線框

    在瀏覽下面展示部分,我們看到一些設(shè)計(jì)師添加了微妙的色彩,獨(dú)特的排版或有趣的形狀增加了視覺效果 ,

電腦資料

簡約主義設(shè)計(jì):少就是多交互設(shè)計(jì)》(http://www.ishadingyu.com)。雖然只是一個(gè)線框,但卻是最重要的元素,創(chuàng)建這樣一個(gè)頁面線框需要額外的細(xì)心。有了正確的線框,可以突出的頁面的主題和層次,并創(chuàng)造出視覺效果。

   

    使用線框時(shí),可以按照下列步驟操作:

確定你最需要什么樣的內(nèi)容

在列舉的模塊中,優(yōu)先考慮的內(nèi)容

畫些重要模塊的線框草圖試驗(yàn),看下視覺效果

    當(dāng)我們畫線框時(shí),考慮下位置,怎么進(jìn)行視覺處理。例如,如果您的標(biāo)志有一種顏色,你就可以重用logo的顏色設(shè)計(jì),加上一定的輔助色來突出主題。

網(wǎng)頁留白

    網(wǎng)頁設(shè)計(jì)留白實(shí)際上是極簡主義的代名詞 。不管你在用它時(shí)是多么有創(chuàng)意,沒有足夠的留白的設(shè)計(jì)不是真的極簡主義設(shè)計(jì)。所以,一定要在你通常使用元素的周圍添加更多的空白。留白是需要在頁面上平衡的多個(gè)元素才會(huì)出現(xiàn)的。

平衡,對(duì)齊,對(duì)比

    雖然大部分的頁面加載可以通過留白和線框進(jìn)行,設(shè)計(jì)的基本原則還要考慮些特殊的情況。包括這三塊:網(wǎng)站的平衡,對(duì)齊和內(nèi)容的對(duì)比 。務(wù)必堅(jiān)持這些原則,這樣你的設(shè)計(jì)就不需要補(bǔ)充其他的內(nèi)容來說明便是一個(gè)完整的設(shè)計(jì)。

   

    要記住這些基本設(shè)計(jì)原則。去回顧,并嘗試用不同的方法,以達(dá)到最佳的效果 ?梢渣c(diǎn)擊上面圖片的地址去了解更多的設(shè)計(jì)原則 。

當(dāng)繁瑣的設(shè)計(jì)成為一種習(xí)慣

    繁瑣的設(shè)計(jì)有時(shí)會(huì)成為一種習(xí)慣。無論你怎么努力去保持設(shè)計(jì)的簡單,它有時(shí)候出來的效果還是復(fù)雜的。為了解決這個(gè)問題,我們必須養(yǎng)成新的習(xí)慣。如果您發(fā)現(xiàn)自己已經(jīng)陷入一個(gè)死角,“迷失了”,首先要嘗試舍棄一些東西,而不是將一些新的東西融入。極簡主義的每一個(gè)方面都需要不同的才能。如果合理的運(yùn)用這些原則的話,您的設(shè)計(jì)將變得更加簡單。進(jìn)一步,一旦你運(yùn)用了我們在這里討論的手段,看看完成的作品,是否可以找到方式進(jìn)一步去簡化。您可以把精力集中在設(shè)計(jì)過程中模棱兩可的地方,你可以問其他設(shè)計(jì)師,去指出你刪減的過程中可能已經(jīng)錯(cuò)過的一些元素。

極簡主義的魅力

    下面是一些簡短的極簡主義設(shè)計(jì)展示?纯催@些如何實(shí)現(xiàn)我們所討論的原則。也看到哪些突破我們的指引,并想想他們?nèi)绾稳ンw現(xiàn)的:

1.James Day Photo

   

2. Killswitch Collective

   

3.Lonely

   

4.DBushell

   

5.Espen

   

6.Toy NY

   

7.Joshua Serbus

   

8.Ah-Studio

   

9.Symour Powell

   

10.Icon Werk

   

11.Neil Wilson Architects

   

12.Non-Format

   

13.Zaum

   

14.Checkland Kindlysides

   

15.Blumenthal

   

16.Tink London

   

17.Proud Creative

最新文章