整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
20多年來，每一年 Pantone 都會(huì)推出新的年度代表色，2020 年對(duì)絕大多數(shù)人來說都是非常艱難的一年，所以在 2020 年 12 月份 Pantone 揭曉的 2021 年的年度代表色，是象征樂觀與力量的「極致灰」（Ultimate Gray）與「亮麗黃」（ Illuminating），希望在新的一年里跟大家一起克服困難，帶來安定、溫暖與希望
2021 希望大家都能走向新的輝煌（灰黃）
圖/ www.pantone.com/color-of-the-year-2021
關(guān)于 2021 年流行什么顏色，中國人給出了與國際色彩機(jī)構(gòu) Panton 不一樣的答案，1 月 14 日，中國美術(shù)學(xué)院聯(lián)合天貓發(fā)布從 1000 多種趨勢色中選出的 2021 年新年色“給荔紅”寓意“給力紅”
中國美術(shù)學(xué)院色彩研究所所長、中國流行色協(xié)會(huì)副會(huì)長宋建明表示：“給荔紅是一種希望，更是經(jīng)歷過 2020 年后，中國人的美好祝愿。”
圖/ 妙手回潮 薇婭Viya x 妙手回潮 x 吾心潮
圖/ 賈峰 2021年秦川牛臺(tái)歷
Shutterstock 是目前全球最大的圖片素材網(wǎng)站，在國內(nèi)目前由站酷旗下的海洛創(chuàng)意獨(dú)家代理，在 2020 年 11 月 18 日發(fā)表的“Discover the 2021 Color Trends: Tidewater Green”推出了年度代表色“潮水綠”
同時(shí)給出了推薦的色彩方案
并且非常貼心的給出了的不同配色方案，可以拿來即用
也有多色方案
圖：shutterstock.com/blog/tidewater-green-color-trend
關(guān)于未來是什么顏色，趨勢預(yù)測網(wǎng)站 WGSN 攜手色彩指南 Coloro 合作的“Key Colors A/W 22/23. feat. ”，釋出了 5 個(gè)代表 2022 年度的趨勢色，這里選了其中的 2 個(gè)
Honeycomb
Lazuli Blue
圖/ www.wgsn.com/en/article/wgsn-coloro-key-colours-aw-2223-feat-colour-year-2022
藍(lán)色在 PPT 中也是使用頻率非常高的色彩，Lazuli Blue 這個(gè)代表色一眼看去容易讓人聯(lián)想到 Pantone 2020 的經(jīng)典藍(lán)
圖/ pantone.com
靜謐綠
之前的亞馬遜森林大火引起全球關(guān)注，綠色植物對(duì)地球的重要性不言而喻，在 2021 年代表色中首先釋出的就是 Quiet Wave ，現(xiàn)在全球變暖也愈演愈烈，極端天氣等，所以哥布林個(gè)人認(rèn)為在接下來的時(shí)間，環(huán)境、植被、綠色環(huán)保等仍然將持續(xù)
圖/ coloro.com/en/key-colors-21
Key colors for S/S 21 色彩預(yù)測是在 2019 年 4 月 1 日發(fā)布的，預(yù)測 5 個(gè)2021年的年度代表色，其中2個(gè) Lemon Sherbet 和 Good Gray與今年的潘通發(fā)布的灰黃年度色，可以說是非常接近了
圖/ coloro.com/en/key-colors-21
經(jīng)典的色彩是不容易過時(shí)的，如果不說，你能看出來下面的圖是從 2018 到 2020 年 12 月 31 日的嗎
2018-10-09 NIKE R E A C T on Behance
圖/ 2020-12-31 HUAWEI WATCH GT2 pro Character design
圖/ Geometric composition
圖/ 2020-04-28 36 Days Of Type 2020 on Behance
圖/ 2020-04-22 characters illustrations FanArt
圖/ behance.net
08-1 色彩選擇以自身實(shí)際情況為準(zhǔn)
顏色沒有絕對(duì)的好壞，需要以具體情況和使用場景為準(zhǔn)
比如像“綠色”
哪怕是來自全世界 100 多個(gè)國家 3 萬多人投票選出來的，全世界最受歡迎色彩：馬爾斯綠（Marrs Green），在某些特定場合也是不受歡迎的，比如經(jīng)濟(jì)領(lǐng)域：經(jīng)濟(jì)下滑，股票下跌是消極的，但是在其他另外的場景如：醫(yī)療、健康、環(huán)保、科技領(lǐng)域是積極向上的
馬爾斯綠 Marrs Green
08-2 規(guī)避配色“禁區(qū)”
雖然說顏色沒有絕對(duì)的好壞，但是某些區(qū)域的顏色，對(duì)于普通人來說非常難駕馭，用不好就容易翻車，所以在配色時(shí)，建議可以有意識(shí)的避開
08-3 色彩是主觀的，不要過于迷信“科學(xué)配色”
是最近看到的一篇發(fā)表在《自然·通訊》上名為《科學(xué)傳播中的配色亂象》（The misuse of colour in science communication）的論文，非常有意思這里也分享給大家，文章批判了以 jet 為首的配色方案，并給出了科學(xué)配色指導(dǎo)
配色方案 jet 雖然現(xiàn)在使用越來越少，但是作為 MATLAB 等科學(xué)軟件的默認(rèn)配色，想要完全取消，也沒有那么容易。如：想要給下圖中間的黑白圖片配色，左側(cè)使用 jet 配色方案的，差不多已經(jīng)完全看不出原圖是什么，但是右側(cè) batlow 配色方案的就好很多
論文原文：https://www.nature.com/articles/s41467-020-19160-7
不知道大家是不是有我之前同樣的困擾，遇到好的配色方案，如果想要保存下來，后期做PPT時(shí)直接使用是非常不方便的，將色彩方案做成主題保存到 PPT 文件，或者保存到電腦 PowerPoint 軟件中，如果下次換電腦就又一夜回到解放前
現(xiàn)在，可以將常用的或者喜歡的主題顏色，保存到 iSlide 賬號(hào)中云儲(chǔ)存，只要登錄賬號(hào)，無論你在哪里都能使用
先在色彩庫編輯主題顏色，將你想要的配色方案保存到當(dāng)前 PPT
例如選擇潮水綠作為主題色，保存到當(dāng)前PPT
然后點(diǎn)擊色彩庫資源窗口“上傳”
選擇【色彩】中的“從當(dāng)前文件加載”，勾選“當(dāng)前”主題色上傳
可以自定義主題色名稱等參數(shù)，設(shè)置完成點(diǎn)擊【保存】后上傳
上傳后，在“私有”資源中可以找到
如果你還沒有體驗(yàn)，可以來試試哦
，各位木友們好呀，我是小木。
前陣子我寫了一篇《PPT配色不夠騷，跟咸魚有什么區(qū)別？》，文章里介紹了配色中的色相、純度、明度等概念。
很多木友看完都豁然開朗地表示，PPT這條路真是越走越灰暗了呢。
那沒關(guān)系，為了進(jìn)一步摧毀大家的信心，今天木哥會(huì)給大家?guī)砀嘀匕醯拇驌簦尅癙PT，從入門到入土”這句話，從理論走向現(xiàn)實(shí)。
今天要用來刺激大家的是下面這幾個(gè)概念：
1）能決定PPT風(fēng)格的主色；
2）能讓頁面更和諧的輔色；
3）能讓重點(diǎn)更突出的點(diǎn)綴色。
注意，本篇催命長文搭配上一篇文章一起食用，脫發(fā)效果更佳。
主色，是指在一頁P(yáng)PT中占據(jù)了主要面積的顏色。
主色：騷粉
很多人的PPT配色之所以顯得雜亂，就是因?yàn)轫撁嬷腥鄙僖粋€(gè)能主導(dǎo)頁面視覺效果的主色，導(dǎo)致妻妾不分，主次地位混亂：
主色不明
另外，在很大程度上，主色還能決定一頁P(yáng)PT能給人帶來什么樣的心理感受。
▎比如，下面這頁P(yáng)PT，主色是絕望灰：
在這里，深灰色既突出了空氣污染的嚴(yán)重性，又給人帶來一種“快來個(gè)妹子給我做人工呼吸不然我就死給你看”的窒息感、壓抑感。
▎又比如，下面這頁P(yáng)PT的主色是原諒綠：
首先，綠色本身就能給人一種清新健康的感受，再加上這個(gè)綠色的明度比較高，頁面最后就呈現(xiàn)出一種“綠到你發(fā)慌”的春天的感覺。
▎再比如，電腦管家的【查殺病毒】頁面在正常情況下的主色是冷靜藍(lán)：
但它要是檢測到了病毒，主色就會(huì)變成看著就讓人覺得心肌梗塞的緊急紅：
從以上例子咱們可以知道：
如果你想讓PPT配色不顯雜亂，或是想要營造出某種特定的氣氛，那么你就要選好主色調(diào)，因?yàn)橹魃珜?duì)PPT風(fēng)格的影響就跟發(fā)量對(duì)顏值的影響是一樣大的。
那么，既然咱們知道了不同的主色能烘托出不同的風(fēng)格氣氛，那么反過來的話，什么樣的風(fēng)格或主題又該搭配什么主色呢？
其實(shí)很簡單，去花瓣網(wǎng)或是站酷網(wǎng)等設(shè)計(jì)類網(wǎng)站，搜索一下你PPT主題的關(guān)鍵詞，看看搜出來的作品都是什么顏色的。
比如，我在花瓣網(wǎng)搜索了“母嬰”，搜出來的作品就大都是明度比較高，即比較明亮的顏色：
所以現(xiàn)在如果讓你來挑母嬰主題PPT的配色，你心里是不是已經(jīng)有點(diǎn)那啥數(shù)了呢？
▲圖自木友圈優(yōu)秀木友@元?dú)?/p>
輔色，一般是指頁面中面積比主色小一些的顏色，添加輔色，可以讓頁面看起來不那么單調(diào)。
比如，你可以對(duì)比一下下面這兩個(gè)PPT，它們分別是沒添加輔色以及添加了輔色的頁面：
你會(huì)發(fā)現(xiàn)后者看上會(huì)更有層次感，而前者看起來就像個(gè)“上面穿著牛仔衣，下面還穿著牛仔褲”的淘寶爆款男。
那么現(xiàn)在問題來了：假如我已經(jīng)確定好了一種主色，接下來我該如何確定使用什么輔色呢？
▼
（主色藍(lán)色，無輔色）
答案肥腸簡單！
登錄配色網(wǎng)站color.adobe.com（Adobe的親兒子），先在左上角選擇你需要的配色類型：
▎關(guān)于配色有哪些類型，我在《PPT配色不夠騷，跟咸魚有什么區(qū)別？》這篇文章里已經(jīng)介紹過了，這里就不再贅述了，免得有湊字?jǐn)?shù)的嫌疑，雖然我經(jīng)常這么做。
選擇好配色的類型以后，你可以在下方的第三個(gè)色塊那里填入你已經(jīng)確定好了的主色的RGB值（每種顏色都有唯一對(duì)應(yīng)的RGB數(shù)字）：
輸入完畢以后，系統(tǒng)就會(huì)自動(dòng)生成合適的配色方案，拉動(dòng)色輪里的點(diǎn)，你還可以自定義調(diào)整配色方案。
接著你就可以嘗試在PPT中運(yùn)用這些輔色了：
啥？嫌這個(gè)方法太復(fù)雜？
不慌，你也可以直接使用黑白灰來做輔色，也可以直接使用跟主色相近的顏色來做輔色：
論偷懶，我還沒怕過誰…
點(diǎn)綴色，顧名思義，就是用來為枯燥的頁面增添亮點(diǎn)的。
比起輔色，它在頁面中的應(yīng)用面積還要更小一些，并且通常會(huì)以“點(diǎn)”的狀態(tài)出現(xiàn)：
▼
除了能用來點(diǎn)綴頁面以外，點(diǎn)綴色還可以用于引導(dǎo)讀者閱讀的視線：
也可以用于強(qiáng)調(diào)某些重點(diǎn)元素：
那么，如何為頁面選擇一種合適的點(diǎn)綴色呢？
首先我們要知道，點(diǎn)綴色必須要跟頁面中的主色跟輔色都形成鮮明的對(duì)比。
因?yàn)橹挥羞@樣，點(diǎn)綴色才能成為頁面中較醒目的那個(gè)點(diǎn)。
而顏色差異對(duì)比最醒目的配色組合，也就只有對(duì)比色跟互補(bǔ)色了：
（對(duì)比色=120°，互補(bǔ)色=180°）
也就是說，為頁面選擇點(diǎn)綴色的過程，就相當(dāng)于一個(gè)“根據(jù)頁面中的主色與輔色去選擇一個(gè)對(duì)比色或是互補(bǔ)色”的過程。
▎舉個(gè)例子，以下是一頁只有主色（藍(lán)色）與輔色（紅色）的PPT：
我們先登錄配色網(wǎng)站color.adobe.com，根據(jù)主色與輔色挑選出一個(gè)合適的對(duì)比色：
接著把最終挑選出來的對(duì)比色【黃色】運(yùn)用到PPT中，作為點(diǎn)綴色使用：
完美~
光說不練假把式，接下來咱們就拿下面這幾頁P(yáng)PT來開刀，看看上邊我扯的那堆理論有沒有卵用。
首先，我們先定一個(gè)《浪漫圣誕》的PPT主題，根據(jù)這個(gè)主題，我首先選擇了一個(gè)最能讓人感到浪漫的粉色作為主色：
接著，為了更加突出頁面的浪漫感，我選擇了粉色的同類色來充當(dāng)輔色：
最后，為了讓頁面看起來不那么單調(diào)，我使用了作為粉色對(duì)比色的淺藍(lán)色來充當(dāng)點(diǎn)綴色：
至此，頁面的配色就算完成了。
值得一說的是，你別看我配起色來好像很輕松的樣子，其實(shí)這個(gè)成功案例的背后還有一堆被我斃掉的稿子…
也就是說，我們?cè)谠O(shè)計(jì)時(shí)，理論指導(dǎo)雖然很重要，但想要得到最終的理想結(jié)果的話，還需要經(jīng)過很多次的嘗試才行。
所以現(xiàn)在你能理解為什么設(shè)計(jì)費(fèi)那么貴了沒…
最后，現(xiàn)在我們來總結(jié)一下以上2000字都說了啥玩意兒：
1）主色能決定頁面的主要視覺效果，我們需要根據(jù)主題或風(fēng)格來確定主色；
2）輔色要根據(jù)主色來定，也可以直接用黑白灰，它們都可以讓頁面看起來更豐富；
3）點(diǎn)綴色一般運(yùn)用于顏色較單一的頁面，它具有引導(dǎo)視線、強(qiáng)調(diào)重點(diǎn)、增添亮點(diǎn)等功能。
好了，本期催命長文就寫到這里…
不過也不知道到底是在催你們的命還是我的命…
我是小木，咱們下期再賤…
歡迎關(guān)注小木的公眾號(hào)“跟我學(xué)個(gè)P”
在很多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計(jì)，由此可見產(chǎn)品登錄頁面設(shè)計(jì)的重要性。一個(gè)出彩的登錄界面，將提升產(chǎn)品的品質(zhì)，賦予產(chǎn)品獨(dú)特的氣質(zhì)。登錄界面也是一個(gè)發(fā)揮情感化設(shè)計(jì)，提升用戶體驗(yàn)，拉近與用戶之間距離的兵家必爭之地。
無論網(wǎng)頁或是移動(dòng)APP的設(shè)計(jì)，很重要的一點(diǎn)是如何能在小而美和功能復(fù)雜性之間找到平衡點(diǎn)。 在執(zhí)行設(shè)計(jì)的第一步，便是思考如何利用原型工具諸如Mockplus或Axure在初始階段把握產(chǎn)品登陸頁面設(shè)計(jì)的技巧。
一、 學(xué)會(huì)做減法
跳出登錄界面設(shè)計(jì)中的條條框框，搭配簡單的配色，醒目又大方。
二、 結(jié)合用戶界面設(shè)計(jì)-頁面背景
1. 模糊背景
模糊背景的運(yùn)用不僅讓整個(gè)網(wǎng)站顯得更加人性化，并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。
2. 暗色背景
在暗色背景中，明亮的輸入框便吸引了所有的注意力。
3.扁平化純色背景
三、清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線，意指從上到下，從左至右，表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預(yù)期。
四.注重用戶體驗(yàn)設(shè)計(jì)
登陸和注冊(cè)表單的使用率非常高，一個(gè)表單的設(shè)計(jì)其實(shí)也不是簡單的事情，用戶體驗(yàn)是必須要考慮的事情。哪怕是一個(gè)注冊(cè)表單，也值得再細(xì)心研究。如果不重視用戶體驗(yàn)，就會(huì)致使網(wǎng)站流失大量用戶。一切以最佳用戶體驗(yàn)為出發(fā)。
1.減少用戶的強(qiáng)制性操作
2. 減少用戶輸入
一般說來，注冊(cè)表中每增加一個(gè)字段，注冊(cè)率就會(huì)相應(yīng)的下降。
3. 信息化注冊(cè)提示
為終端用戶提供有效的信息提示是用戶體驗(yàn)設(shè)計(jì)中的最好方式，尤其是在用戶注冊(cè)填寫信息具有多個(gè)輸入域，而在需要填寫的字段互相可能產(chǎn)生歧義的時(shí)候，這些消息提示可以減少用戶的思考和猜測時(shí)間。
4. 錯(cuò)誤密碼輸入記憶
當(dāng)用戶第一次輸入一個(gè)錯(cuò)誤的密碼時(shí)，系統(tǒng)在判斷錯(cuò)誤后同時(shí)把用戶輸入的錯(cuò)誤密碼保存記憶，當(dāng)用戶再次輸入這個(gè)錯(cuò)誤密碼時(shí)，系統(tǒng)會(huì)自動(dòng)在客戶端提示“密碼錯(cuò)誤”。
以上就是一些常見的網(wǎng)頁或APP產(chǎn)品登陸頁面設(shè)計(jì)的技巧。巧妙的設(shè)計(jì)是吸引用戶的第一步，站在用戶的角度，讓更多的用戶通過登陸注冊(cè)這扇大門真正的走近和了解我們的產(chǎn)品。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
