壹周速讀:超實(shí)用的配色方法小合集

配色是設(shè)計(jì)師的基礎(chǔ)技能,看起來(lái)并不復(fù)雜,實(shí)際卻是花樣繁多。善于運(yùn)用色彩的同學(xué)能夠借助色彩撬動(dòng)整套設(shè)計(jì)方案,改變體驗(yàn),甚至扭轉(zhuǎn)局面。如若你也想提升「配色力」,不妨來(lái)看看本期的配色技巧小專題:

色彩技巧小合集

壹周速讀:超實(shí)用的配色方法小合集

配色方案當(dāng)中,不同的色彩占據(jù)的比例、承載的功能各不相同。而這一套圍繞焦點(diǎn)來(lái)進(jìn)行配色的實(shí)戰(zhàn)方法,梳理出了一套富有規(guī)律、易于掌握的焦點(diǎn)配色技巧:

壹周速讀:超實(shí)用的配色方法小合集

好的配色往往依靠設(shè)計(jì)師審美、感覺(jué)搭配出來(lái),但合理的顏色搭配必定存在合理的配色規(guī)律和配色方法論的支撐。也許你不是新手,但是這篇寫給新手的配色攻略合集,完整梳理了配色的流程、工具以及值得借鑒的設(shè)計(jì)作品:


壹周速讀:超實(shí)用的配色方法小合集

不管是做 UI 設(shè)計(jì)還是畫插畫,有很多同學(xué)覺(jué)得自己是因?yàn)樘熨x不夠所以對(duì)色彩的敏感度不夠,其實(shí)不然。一個(gè)可能是大家總結(jié)的太少,從來(lái)都是憑感覺(jué)和運(yùn)氣去配色,但配色都是有講究的。這篇文章要給大家分享的是人們是如何認(rèn)識(shí)色彩,并且在產(chǎn)品設(shè)計(jì)中使用的:

壹周速讀:超實(shí)用的配色方法小合集

用戶界面是一個(gè)設(shè)計(jì)師用理性思維解決用戶感性需求的窗口。如果對(duì)色彩的運(yùn)用不加以克制,界面可能會(huì)顯得花哨而沒(méi)有主次;但過(guò)于拘謹(jǐn)又容易使界面保守,難以激發(fā)用戶情緒,下面以Bee express項(xiàng)目的實(shí)例來(lái)理性推導(dǎo)制定一套色彩系統(tǒng):

壹周速讀:超實(shí)用的配色方法小合集

最后,上周的這篇文章還推薦了兩款實(shí)用性超強(qiáng)的新工具,其中就包含一款頗為實(shí)用的配色工具。「Color Palette Generator」是一個(gè)很簡(jiǎn)單的調(diào)色盤工具,也是很直覺(jué)、簡(jiǎn)單易用的色彩生成器,每次按下空格鍵會(huì)給出五個(gè)顏色,實(shí)時(shí)預(yù)覽色塊;另外一個(gè)是「圖片快拖助手」插件,它可以可一鍵提取任意網(wǎng)頁(yè)上可看見的、不可看見的、各種格式的圖片,還可記錄所提取的網(wǎng)址來(lái)源、收藏、移除等進(jìn)行素材管理:

UI·排版

壹周速讀:超實(shí)用的配色方法小合集

在進(jìn)行 UI 設(shè)計(jì)的時(shí)候,很多小技巧能夠恰到好處地提升界面的設(shè)計(jì)視覺(jué)效果、用戶體驗(yàn)。這篇來(lái)自Mark Andrew 的文章,梳理了 9 個(gè)實(shí)用性很強(qiáng)的 UI 效果提升小技巧:

壹周速讀:超實(shí)用的配色方法小合集

很多時(shí)候,做設(shè)計(jì)并不是線性單方向的,而經(jīng)常性的反思和審視能夠更好地提升設(shè)計(jì)效果,突破自身限制,尋找更好的設(shè)計(jì)途徑。那么通過(guò)自我審查來(lái)提升版式設(shè)計(jì),有哪些常見的方法呢?看這篇文章:

壹周速讀:超實(shí)用的配色方法小合集

說(shuō)到版式設(shè)計(jì)很多人更多聯(lián)系的是平面設(shè)計(jì)中的海報(bào)版式設(shè)計(jì),而在UI界面設(shè)計(jì)中,也需要遵循很多的版式設(shè)計(jì)方法論,這篇來(lái)自Zeal-莊治柱的文章為大家整理一份UI設(shè)計(jì)中版式的實(shí)戰(zhàn)運(yùn)用以及設(shè)計(jì)思路:

交互·產(chǎn)品

壹周速讀:超實(shí)用的配色方法小合集

這篇文章可能是上周最具爭(zhēng)議的文章之一,它來(lái)自著名的 Tubik Studio 團(tuán)隊(duì),在文章中,Tubik Studio 分享了為華為旗下的 EMUI 10 系統(tǒng)設(shè)計(jì)了核心的圖標(biāo)系統(tǒng)的過(guò)程。像這樣用戶群體龐大的UI界面核心 APP 圖標(biāo)設(shè)計(jì),在很多時(shí)候是一個(gè)巨大的坑,限制多,要求多,看似自由實(shí)則很難出彩,下面具體看看吧:

[Tubik Studio 是怎么為華為定制整套 UI 圖標(biāo)的?]

壹周速讀:超實(shí)用的配色方法小合集

隨著 58 APP整體體驗(yàn)升級(jí),又趕上7月份超職季活動(dòng)的契機(jī),58 UED 團(tuán)隊(duì)展開了招聘詳情頁(yè)的改版升級(jí),期望打造一個(gè)更年輕,更有溫度的招聘詳情頁(yè),給用戶煥然一新的視覺(jué)感知,同時(shí)也為求職者提供更好的使用體驗(yàn)。來(lái)自 58UED 的這篇文章從設(shè)計(jì)流程,設(shè)計(jì)思路,和總結(jié)思考三個(gè)方面分享了這次設(shè)計(jì)的過(guò)程:

壹周速讀:超實(shí)用的配色方法小合集

在做多語(yǔ)言 UI 設(shè)計(jì)會(huì)遇到不少在進(jìn)行單語(yǔ)言設(shè)計(jì)時(shí),不會(huì)去考慮的問(wèn)題。這篇來(lái)自「流利說(shuō)」團(tuán)隊(duì)的文章,分享了一些解決方案,這些解決方案應(yīng)用到了他們的產(chǎn)品設(shè)計(jì)中。如果你也正準(zhǔn)備進(jìn)行多語(yǔ)言設(shè)計(jì),那么這份避坑指南也許能夠幫助你避免一些基本的設(shè)計(jì)問(wèn)題,從而有更多的精力去思考具體的視覺(jué)呈現(xiàn):

壹周速讀:超實(shí)用的配色方法小合集

身為設(shè)計(jì)師,我們?nèi)粘9ぷ髦薪?jīng)常會(huì)遇到各式各樣的挑戰(zhàn):業(yè)務(wù)方的、老板的……我們也會(huì)經(jīng)常地有疑問(wèn)啊,有沒(méi)有什么套路可以讓別人更快地明白自己設(shè)計(jì)方案的要點(diǎn),并且滿足他的預(yù)期呢?那今天就想分享一下,一些設(shè)計(jì)的套路兒,目的是設(shè)計(jì)師如何讓別人快速明白你的設(shè)計(jì)心思:

求職·面試

壹周速讀:超實(shí)用的配色方法小合集

在搞定簡(jiǎn)歷之后,各位設(shè)計(jì)師同學(xué)還需要為面試做好充分的準(zhǔn)備!企業(yè)會(huì)通過(guò)面試進(jìn)一步了解你,而了解你的信息也是很廣泛的,無(wú)論是工作能力、表達(dá)能力、為人相處、生活狀況等等,都會(huì)從多角度來(lái)了解你,并且作為是否錄取你的條件。所以,在面試前我們還需要準(zhǔn)備一些可能會(huì)問(wèn)到的問(wèn)題,整理好思緒,不要在面試的時(shí)候說(shuō)不上話。這篇文章整理了設(shè)計(jì)師面試時(shí)的常見問(wèn)題,以及參考答案:

壹周速讀:超實(shí)用的配色方法小合集

因?yàn)橐咔榈挠绊懀芏喙镜归],導(dǎo)致設(shè)計(jì)師不得不走向找工作的路途。相應(yīng)的職位招聘減少,但是參與相關(guān)職位競(jìng)爭(zhēng)的人員卻還在增加。這種境況對(duì)于設(shè)計(jì)師來(lái)說(shuō)可以說(shuō)壓力非常大了!那么今天我們就來(lái)一起探討一下,我們?cè)诿嬖嚨臅r(shí)候應(yīng)該怎么做,在面試前、面試中、面試后、我們有哪些工作要做的:

插畫技巧

壹周速讀:超實(shí)用的配色方法小合集

你是不是經(jīng)常畫不出想要的線條?是不是每畫一筆都要經(jīng)歷無(wú)數(shù)次的撤回?別灰心啦!試試線條易修改的AI插畫吧!只用鼠標(biāo)就能畫出精彩線條,簡(jiǎn)單粗暴易上手~今天就帶來(lái)了AI中的n個(gè)畫筆小秘密,用完了你會(huì)覺(jué)得AI插畫太香啦!

收藏 40
點(diǎn)贊 14

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。