全棧設(shè)計(jì) – 小狗情人 http://www.xmelon.cn HEDU寵物日志 Mon, 17 Apr 2017 06:55:18 +0000 zh-CN hourly 1 https://wordpress.org/?v=5.9.10 http://www.xmelon.cn/wp-content/uploads/2022/01/hdlogo-2.png 全棧設(shè)計(jì) – 小狗情人 http://www.xmelon.cn 32 32 8招教你快速打造作品的『全棧設(shè)計(jì)感』 http://www.xmelon.cn/xgyl/2017/04/17/67.html Mon, 17 Apr 2017 06:55:18 +0000 http://demo.wpcom.cn/justnews/?p=67

“最近不少小伙伴來(lái)問(wèn)我,怎么讓自己的作品有『全棧設(shè)計(jì)感』?老實(shí)說(shuō),這個(gè)問(wèn)題比較大,需要從『全棧設(shè)計(jì)』或『UXD用戶(hù)體驗(yàn)設(shè)計(jì)』的概念說(shuō)起。

可概念的解釋容易枯燥,所以在這里,我先分享8個(gè)實(shí)用的基礎(chǔ)思路。希望小伙伴們能思考一下,我們?cè)谌粘TO(shè)計(jì)中很常見(jiàn)又容易被忽略的問(wèn)題?!?/p>

1、色彩舒適度

我們都說(shuō)“一見(jiàn)鐘情”,人眼首先看到的,是事物的顏色,其次才是形狀。所以,“色彩舒適度”決定了作品是否能在第一時(shí)間吸引用戶(hù),我們需要避免:

  • 雜七雜八/亂糟糟的色彩
  • 顏色沒(méi)有主次之分
  • 沒(méi)有視覺(jué)舒適度的飽和度
  • 明暗度不搭調(diào)等

2、文字的主次

先問(wèn)自己,你要通過(guò)作品傳達(dá)的主要信息和思想是什么?無(wú)論你的設(shè)計(jì)是酷炫復(fù)雜,還是簡(jiǎn)潔清爽,只展現(xiàn)信息遠(yuǎn)遠(yuǎn)不夠——文字的主次,決定了你要傳達(dá)的信息的主次。所以,我們要避免:

  • 字體混亂
  • 文字大小、文字粗細(xì)、間距行距缺乏“主次邏輯”

3、信息可讀性

有了文字基礎(chǔ),你需要處理好每個(gè)模塊的布局、色塊、插圖、背景等元素,讓你的信息有較強(qiáng)的可讀性。

別被你個(gè)人的愛(ài)好牽著走:我喜歡酷炫,我喜歡簡(jiǎn)潔,我喜歡優(yōu)雅,我喜歡逗逼……如果你的作品連最基本的信息都沒(méi)法傳達(dá),那任何風(fēng)格都只是口頭吹噓。

4、UI識(shí)別性

這一點(diǎn)在圖標(biāo)上“味道”非常濃,不論你設(shè)計(jì)的是扁平化、擬物化還是梵高風(fēng)格,不一定非要讓用戶(hù)在3秒內(nèi)看出圖標(biāo)的意思,但一定要讓用戶(hù)在欣賞這個(gè)圖標(biāo)美感的同時(shí),“心里知道”這個(gè)圖標(biāo)要傳達(dá)的是什么。

一個(gè)網(wǎng)站banner的設(shè)計(jì),一個(gè)頁(yè)面的導(dǎo)航設(shè)計(jì),也要考慮UI識(shí)別性。多問(wèn)問(wèn)自己:

·你想傳達(dá)的圖像內(nèi)涵是什么?

·你設(shè)計(jì)圖形的意圖是什么?

5、交互性與用戶(hù)體驗(yàn)

當(dāng)你的作品基本符合以上4個(gè)要求時(shí),就要解決如何使用的問(wèn)題了。不論是網(wǎng)站設(shè)計(jì)、APP設(shè)計(jì)或者游戲設(shè)計(jì),都要讓用戶(hù)快速上手,能玩、能用,甚至用得簡(jiǎn)單、玩得簡(jiǎn)單。

這樣,無(wú)論你創(chuàng)作出了銀河系都沒(méi)有的酷炫交互,還是借鑒了地球上瀕臨滅絕的土逼設(shè)計(jì),只要你的作品能夠達(dá)到“方便好用”的優(yōu)良品質(zhì),就能讓用戶(hù)High起來(lái)。

6、思想、生活的傳達(dá)

“人如其畫(huà)”,你對(duì)工作和感情的態(tài)度什么樣,你的作品就是什么樣。千萬(wàn)別小看一個(gè)作品的力量,它是傳達(dá)你真實(shí)自我的一個(gè)媒介。

所以說(shuō),在設(shè)計(jì)中融入你的思想和生活,說(shuō)難,也容易。多想想:

·你是否把你最粗心最讓人厭倦的一面暴露到作品中?

·你是否把你最細(xì)致最耐人尋味的一面?zhèn)鬟_(dá)給了用戶(hù)?

7、微小的細(xì)節(jié)和微小的創(chuàng)意

“看入眼中,深入骨髓”,能戳中用戶(hù)的設(shè)計(jì),一定是把細(xì)節(jié)做到了極致。這些細(xì)節(jié)包括并不限于:

·一段線條

·一個(gè)小漸變

·一個(gè)字體的選擇

·一塊畫(huà)布的大小

·色彩飽和度的細(xì)微差別等

這些小細(xì)節(jié),雖然不是人人都能說(shuō)得出,但每個(gè)用戶(hù)都能感覺(jué)到;它能讓你登上人生巔峰,也可能讓你萬(wàn)劫不復(fù)。

此外,打磨細(xì)節(jié)的時(shí)候,你會(huì)誕生一些微小的創(chuàng)意;小創(chuàng)意創(chuàng)造大創(chuàng)意。

8、生活中表現(xiàn)手法的引用

想想我們生活中習(xí)以為常的視覺(jué)體驗(yàn),我們能從中獲得哪些啟發(fā)?

  • 一個(gè)簡(jiǎn)單的視差
  • 一個(gè)簡(jiǎn)單的墜落
  • 一個(gè)簡(jiǎn)單的玻璃破碎
  • 一個(gè)簡(jiǎn)單的樹(shù)葉飄落
  • 一張紙簡(jiǎn)單的角度擺設(shè)
  • 一盆植物簡(jiǎn)單的遠(yuǎn)近拍攝……

引用生活中的表現(xiàn)手法,說(shuō)起來(lái)簡(jiǎn)單,做起來(lái)最難。這個(gè)世界上有天才設(shè)計(jì)師,不費(fèi)吹灰之力就可以“顛倒眾生”;但更多的,是我們這些喜歡設(shè)計(jì)癡迷設(shè)計(jì)的人,一點(diǎn)點(diǎn)積攢經(jīng)驗(yàn)值、一步步闖關(guān)打怪,直到做出自己第一套滿(mǎn)意的代表作。

“其實(shí),打造作品的『全棧設(shè)計(jì)感』,前提還是需要我們對(duì)設(shè)計(jì)有正確的理解和實(shí)踐。否則,一味追求天花亂墜的概念或創(chuàng)意,很容易讓我們走偏,甚至走失。

我們也看到,最近一年,擁有‘UI+交互+用戶(hù)體驗(yàn)+跨界設(shè)計(jì)’綜合能力的設(shè)計(jì)師,開(kāi)始代表整個(gè)行業(yè),成為高薪高福利的明星。

無(wú)論其稱(chēng)呼是『全棧設(shè)計(jì)師』,還是『UXD用戶(hù)體驗(yàn)設(shè)計(jì)師』,追本溯源,都需要我們從最基本的設(shè)計(jì)理念開(kāi)始,用心學(xué)習(xí)、盡情探索。”

]]>