国产日本中文字幕网_久热免费视频_秋霞2016午夜限制电影在线_www色视频还会玩转热点_欧美中日韩免费专区在线_亚洲AV色噜噜男人的天堂吃奶_亚洲人成无码网址_国产成人主播在线观看_欧美韩日精品一区_久久精品国产亚洲AV高清色三区

公司新聞

將想法與觀點(diǎn),與您一起分享~

開發(fā)案例插畫 插畫-樹 插畫-樹

如何用三個(gè)方法來完成隱形的設(shè)計(jì)

潤(rùn)雪科技 時(shí)間:2018-07-17 09:55 瀏覽量:2853

設(shè)計(jì)并不總是耀眼奪目的藝術(shù)。它講究微妙、實(shí)用,而且常常是不確定的。很簡(jiǎn)單,好的設(shè)計(jì)往往是隱形的。但是如何做到隱形?尤其網(wǎng)頁(yè)設(shè)計(jì)是一種相當(dāng)視覺化的手段。

明確一點(diǎn)——隱形的設(shè)計(jì)并非在項(xiàng)目中增加圖層、透明度或是隱藏含義。它是為了打造用戶為中心的項(xiàng)目,使之功能齊備,視覺愉悅。

當(dāng)我還是個(gè)年輕的設(shè)計(jì)師時(shí),就一遍遍聽到這句話。如果你不得不裝飾畫布,那就是在過度設(shè)計(jì)。最好的設(shè)計(jì)——真正使項(xiàng)目有效運(yùn)轉(zhuǎn)的設(shè)計(jì)——是隱形的。

思考設(shè)計(jì)中的隱形

Alchemy-digital


image.png


Cyclebycycle


image.png


咱們別離題萬里,設(shè)計(jì)當(dāng)然是可見的。關(guān)于這點(diǎn)毫無疑問。但是你所用的工具與技巧,不應(yīng)該在普通用戶面前耀武揚(yáng)威。

多數(shù)設(shè)計(jì)只追求感覺對(duì)了。用戶想要沉浸其中,操作某樣?xùn)|西。他們不必理解其中緣由。這就是隱形的設(shè)計(jì)。

Oliver Reichenstein,Information Architects的創(chuàng)始人和總監(jiān),以強(qiáng)調(diào)隱形設(shè)計(jì)觀念而聞名。雖然在聽到他的觀點(diǎn)之前,它已經(jīng)深深烙印在我的腦海中。在The Verge的訪談中有一些只言片語(yǔ)。

優(yōu)秀的設(shè)計(jì)是隱形的。優(yōu)秀的界面設(shè)計(jì)會(huì)細(xì)到亞原子級(jí)的微觀字體(文字的精確定義)、看不見的宏觀文字布局(文字的運(yùn)用方式)、還有由交互設(shè)計(jì)和信息架構(gòu)組成的隱形世界。最少的輸入,最豐富的輸出,界面設(shè)計(jì)師都致力于使用戶花費(fèi)最少的注意力。就像字體設(shè)計(jì)師與工程師那樣,我們并不會(huì)試圖找到完美的解決方案,但會(huì)尋找最佳的兩全之策。

隱形的交流

Godaytrip


image.png



當(dāng)你創(chuàng)造網(wǎng)頁(yè)、移動(dòng)應(yīng)用甚至智能手表的交互時(shí),就是在設(shè)計(jì)某種類型的交流。設(shè)計(jì)要承載信息,而非阻礙信息。

你在處理時(shí)會(huì)用盡所有設(shè)計(jì)手段來打造一種體驗(yàn)。最終產(chǎn)出并不是給你的,甚至也不是給其他設(shè)計(jì)師,而是給廣大不懂(也不想懂)色彩理論、間距和字體的受眾。他們只知道所有這些結(jié)合在一塊,是否緊密、好用和有趣。

這就是將設(shè)計(jì)視為一種隱形的手段的重要之處。

不同類型的隱形

Billbyronwines


image.png


Thankbot


image.png


我們談?wù)撾[形設(shè)計(jì)時(shí),會(huì)想到一些不同的東西。每一種隱形設(shè)計(jì)都很重要,會(huì)通過不同方式影響你的工作。

一、隱形的產(chǎn)品和排版,例如品牌或是你不會(huì)注意到的廣告。(這對(duì)應(yīng)用和游戲設(shè)計(jì)師很重要,他們常常要思考設(shè)計(jì)中的擺放問題)

二、隱形的交互和通知都做到了無縫銜接,在你執(zhí)行某些操作或任務(wù)時(shí)并不會(huì)想到它們。(例如手機(jī)上的鬧鐘和警告)

三、隱形的美學(xué)設(shè)計(jì)可以建立情感連接,與用戶融為一體,讓人們渴望投入其中。(這正是我們所關(guān)注的)

設(shè)計(jì)技巧

隱形的美學(xué)植根于設(shè)計(jì)理論的基礎(chǔ)中。這并不是一種趨勢(shì),也非某個(gè)酷炫的新用戶體驗(yàn)特征的運(yùn)用。它使用文字、色彩、字體、圖片、圖標(biāo)和一些技巧來傳遞信息。我們來回顧一些基礎(chǔ),看看它們能如何為你所用。


Mediadistribution


image.png


Rebuildingtogether-stl


image.png


Nextmatch


image.png


文字和語(yǔ)言:

用來向用戶傳遞一種語(yǔ)調(diào)和情緒的文字。在用戶與設(shè)計(jì)進(jìn)行交互時(shí),使用一種語(yǔ)言來傳遞你想表達(dá)的感覺。它是正式的、輕松愉快的、還是滑稽的?它應(yīng)當(dāng)使你感受到熱情,或是想要做出某種反應(yīng)?還要想想措辭的韻律,大聲朗讀時(shí)聽起來是怎樣的?

色彩:

每種顏色和色彩組合都有不同感覺。要考慮情緒和文化因素,選擇顏色會(huì)花費(fèi)許多時(shí)間。仔細(xì)選擇配色方案,選用那些能促使用戶執(zhí)行特定操作的顏色,同時(shí)也創(chuàng)造合適的感覺,保持平衡與協(xié)調(diào)。

字體:

字體本身也會(huì)帶有含義。從干凈的無襯線字體,由周遭環(huán)境獲取含義;到復(fù)雜的粗黑體風(fēng)格,帶有一種形式感。你選用的字體類型會(huì)傳遞特殊的感覺。舉棋不定時(shí),就堅(jiān)持使用無襯線字體或是簡(jiǎn)單襯線的字體,使用統(tǒng)一的筆畫粗細(xì)和常規(guī)字重。

圖片:

你所用的圖片里有什么?包括照片、動(dòng)畫和視頻。其中的人是開心面帶笑容的嗎?(里面有人嗎?)顏色是暖色還是冷色?動(dòng)作快速還是緩慢?瀏覽步調(diào)與閱讀流程要合適——就像步行速度一樣——可以給用戶創(chuàng)造一種特定的舒適度。太快或太慢的動(dòng)作,就會(huì)開始引人注意,用戶就會(huì)更加關(guān)注它,甚至超越圖片本身。

圖標(biāo)與UI元素:

統(tǒng)一的圖標(biāo)集和用戶界面元素,在隱形上大有幫助。一套系統(tǒng)會(huì)通過標(biāo)準(zhǔn)化展現(xiàn),來告訴用戶網(wǎng)站如何運(yùn)轉(zhuǎn)、如何操作,即使圖標(biāo)對(duì)應(yīng)的操作與特定外觀可能并不相同。當(dāng)用戶不需要思考它如何使用時(shí),隱形就生效了。想想每一個(gè)零售商都在使用的購(gòu)物車圖標(biāo),它是查看商品的一種標(biāo)識(shí)。用戶不需要思考如何進(jìn)行到最后一步,或者說如何支付;這個(gè)元素會(huì)將他們引向正確的操作。

其他技巧:

有一大堆設(shè)計(jì)技巧可以成就或破壞你的設(shè)計(jì)——投影、文字效果(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其中任何一種的關(guān)鍵還是在于運(yùn)用。如果你打開編輯軟件的工具窗口,在默認(rèn)設(shè)置狀態(tài)下點(diǎn)擊應(yīng)用,你就做錯(cuò)了,還會(huì)引發(fā)花哨的效果。用戶忽略了某張圖片,并且怪罪于它陰影太重的時(shí)候(盡管受過訓(xùn)練的設(shè)計(jì)師之眼能夠辨認(rèn)出來),才應(yīng)該使用這些效果。設(shè)計(jì)效果只應(yīng)該有助于整體信息和視覺目標(biāo)。

再回想一下Oliver Reichenstein說過的。它強(qiáng)調(diào)微觀宏觀元素。這是關(guān)鍵。要達(dá)到完全隱形,設(shè)計(jì)的每個(gè)細(xì)節(jié)都要精心推敲。

帶有目的進(jìn)行簡(jiǎn)單的設(shè)計(jì)。不要僅僅因?yàn)槟阆胍褂媚撤N技巧,就過度裝飾或加入流行元素。設(shè)計(jì)好每個(gè)細(xì)節(jié),讓它們無縫協(xié)作。同時(shí)設(shè)計(jì)好大局,讓它勾繪出你的項(xiàng)目試圖傳達(dá)的整體概念。不要過度思考:有時(shí)候簡(jiǎn)單的解決方案就是最正確的。(也許正是隱形設(shè)計(jì)的概念促成了扁平化設(shè)計(jì)的興起,并且持續(xù)盛行)

 


來源聲明:本文【如何用三個(gè)方法來完成隱形的設(shè)計(jì)】由潤(rùn)雪科技編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請(qǐng)注明來自潤(rùn)雪科技。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)及時(shí)與本站聯(lián)系。

TAG標(biāo)簽:網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì)

相關(guān)文章
如果您感覺我們的案例非常不錯(cuò),請(qǐng)與我們?nèi)〉寐?lián)系~
立即咨詢
獲取方案及報(bào)價(jià) 023-6288-5285
網(wǎng)站建設(shè)流程 需求溝通
網(wǎng)站建設(shè)流程 簽訂合同
網(wǎng)站建設(shè)流程 項(xiàng)目開發(fā)
網(wǎng)站建設(shè)流程 上線/運(yùn)營(yíng)維護(hù)

張經(jīng)理

186-9655-6121

鄒經(jīng)理

188-1980-6503

潤(rùn)雪科技二維碼
電話咨詢 在線咨詢 微信咨詢