作為一家專門以開發(fā)和研究色彩而聞名全球的公司，潘通（Pantone)是目前最有影響力的色彩標(biāo)準(zhǔn)供應(yīng)商，同樣的它也作為每年流行色的風(fēng)向標(biāo)而存在，每年、每個季度都會發(fā)布當(dāng)年的流行色，對于設(shè)計(jì)和時(shí)尚行業(yè)從業(yè)者而言，這都是相當(dāng)值得參考的。

最近Pantone 發(fā)布了2017年的年度色彩，草木綠（Greenery），色彩編號為15-0343。全新的草木綠充滿了自然的氣息，明亮、清新、干凈。對于這款全新的色彩，Pantone 是這樣描述的：“草木綠介于黃綠之間，它是喚醒春天的第一抹色彩，充滿了自然的生機(jī)，帶有重生、更始的意義。草木綠呈現(xiàn)出了植物蓬勃的生命力，將勃勃生機(jī)視覺化地呈現(xiàn)到用戶眼前，讓用戶不由得想深吸一口，提振情緒，重獲新生。”

白無常：許多設(shè)計(jì)師都習(xí)慣的把精力放在視覺元素的效果上，而忽視了視覺元素之間的位置關(guān)系。如果對設(shè)計(jì)的構(gòu)圖沒有了解，即便是精彩的畫面效果也發(fā)揮不了作用，甚至?xí)`解了傳播的信息。

設(shè)計(jì)構(gòu)圖的作用

構(gòu)圖過程是設(shè)計(jì)師從混亂的視覺元素中找到條理性，幫助觀者在各個視覺元素之間建立聯(lián)系，從而有助于他們閱讀。設(shè)計(jì)的構(gòu)圖的作用是為了加強(qiáng)視覺的張力增加設(shè)計(jì)的趣味性，吸引并引導(dǎo)著觀者的注意力。

Part 1：了解情緒

1.情緒的來源

情緒(Emotion)的詞根是“motere”，意為“行動”。簡單來說，情緒是大腦的條件反射系統(tǒng)，反射出人類從古到今的生存經(jīng)驗(yàn)。當(dāng)危險(xiǎn)來臨時(shí)，情緒迅速反應(yīng)，根據(jù)經(jīng)驗(yàn)，調(diào)動身體來應(yīng)對，來保證存活。正因?yàn)槿绱耍榫w會導(dǎo)致生理反應(yīng)，例如：生氣時(shí)，血液流到手部，方便攻擊；恐懼時(shí)，血液流到雙腿，方便逃跑；快樂時(shí)，身體恢復(fù)加快等等。這都是遠(yuǎn)古人類的生存經(jīng)驗(yàn)。

Janilychen：以往做一些H5的運(yùn)營項(xiàng)目，都是動畫設(shè)計(jì)師使用Animate cc（原來的Flash）先設(shè)計(jì)好動畫原型，然后交給我們UI開發(fā)來實(shí)現(xiàn)。做過動畫開發(fā)的童鞋都知道動畫開發(fā)都是比較耗費(fèi)時(shí)間精力的，而且還要高質(zhì)量的還原動畫設(shè)計(jì)師設(shè)計(jì)好的動畫，來回溝通成本也非常高。

那有沒有一種的方法來改善這種流程，提高開發(fā)效率的同時(shí)還能完成高品質(zhì)的動畫呢？

經(jīng)過一段時(shí)間的摸索，發(fā)現(xiàn)AnimateCC（就是原來的Flash）可以導(dǎo)出canvas動畫，而且是基于createjs這個開發(fā)輕量級游戲的js庫的，非常適合用來做移動端的一些h5動畫。不僅縮短制作動畫所需要的時(shí)間。同時(shí)它也是一個可視化的IDE，不需要編寫代碼就可以完成高品質(zhì)的動畫效果；還可以通過Javascript，為動畫效果添加交互性。

編者按：Banner 是我們最常聊到的設(shè)計(jì)元素，它是一個網(wǎng)頁的招牌，是用戶最容易看到的視覺元素。今天，我們來聊聊Banner中的急先鋒，網(wǎng)頁首圖，它的設(shè)計(jì)之道。

網(wǎng)頁設(shè)計(jì)師都明白，網(wǎng)頁對于用戶的第一印象是非常重要的，而網(wǎng)頁給用戶的第一印象很大程度上取決于網(wǎng)頁的視覺設(shè)計(jì)。現(xiàn)在的網(wǎng)頁雖然多種多樣，但是出于視覺化設(shè)計(jì)的目的，大多會使用大圖背景，或者超大尺寸的Banner。當(dāng)用戶一打開網(wǎng)頁的時(shí)候，映入用戶眼簾的Banner ，是影響視覺設(shè)計(jì)的關(guān)鍵因素，它有個專門的術(shù)語是 Hero image，我們通常稱之為首圖。所以，網(wǎng)頁首圖的設(shè)計(jì)需要特別用心的。

網(wǎng)頁首圖不僅僅是一張漂亮的圖片，它還應(yīng)該是強(qiáng)大的視覺傳達(dá)工具。談情懷不如講套路，今天的文章，我們就通過一系列最佳實(shí)踐來為你展示首圖設(shè)計(jì)的一些設(shè)計(jì)“套路”。

對于設(shè)計(jì)師而言，熟知各種字體的來源和特征可以說是基本功。除了分辨得出各種經(jīng)典的中文字體之外，經(jīng)典的英文字體同樣是需要有所了解的。和我們所熟悉的簡體中文字體不同，現(xiàn)在所用的許多英文字體擁有著久遠(yuǎn)的歷史，其中許多字體甚至是在幾個世紀(jì)之前就已經(jīng)在排版印刷行業(yè)當(dāng)中投入使用了。當(dāng)然，其中的絕大多數(shù)都在20世紀(jì)經(jīng)過重設(shè)計(jì)，這才更加具備現(xiàn)代字體的特征。

今天我們對這些字體的源流、特征進(jìn)行了一個基本的梳理，其中不少字體都已經(jīng)集成到你的電腦字體庫當(dāng)中，其他的你也可以很輕松的在網(wǎng)絡(luò)上找到。

本欄精選了優(yōu)設(shè)的精選微博，人氣不一定最高，但一定能幫你擴(kuò)大設(shè)計(jì)視野，學(xué)到實(shí)戰(zhàn)設(shè)計(jì)知識的。

編者按：從「我的電腦」-「電腦」到現(xiàn)在的「這臺電腦」，人稱視角的轉(zhuǎn)換會帶來什么體驗(yàn)差異呢？這篇文章從3個角度討論了這個有趣的話題。

如今我們每個人手機(jī)里都下載了各式各樣的App，每天花費(fèi)大量的時(shí)間去使用和維護(hù)，你不僅享受App帶來的各種服務(wù)和樂趣，還通過它們創(chuàng)建和管理自己的文件內(nèi)容。

你在互聯(lián)網(wǎng)上留下大量的記錄或內(nèi)容，是否有想過這些內(nèi)容是否是“屬于”你的？

而越來越多的App開始提供定制化的、擬人化的服務(wù)，你和App之間的互動關(guān)系有沒有變得更像真人之間的交流？

這篇文章討論了一些有趣的問題：

1）一個產(chǎn)品在其用戶界面上應(yīng)該提供什么樣的人稱視角？

2）其功能服務(wù)和用戶之間，是一種怎樣的關(guān)聯(lián)？

3）我的收藏 | 你的收藏 | 收藏 | 這三個不同的詞組，真的會帶來什么體驗(yàn)差異嗎？

這篇文章也許并沒有給出明確的答案或?qū)嵺`指南，但這個問題卻是我們在設(shè)計(jì)產(chǎn)品及界面時(shí)值得一想的。

我們整天都在說用戶體驗(yàn)，設(shè)計(jì)師要站在用戶的角度思考問題，幫助用戶解決問題，優(yōu)化產(chǎn)品操作流程及視覺層級的排布，作為設(shè)計(jì)師我們這么做的目的到底是什么，我們?yōu)槭裁匆獮榱艘粋€體驗(yàn)細(xì)節(jié)和產(chǎn)品去討論，去爭執(zhí).

最近看到扎克伯格用一百小時(shí)時(shí)間開發(fā)出一個叫ＪＡＶＩＳ人工智能機(jī)器人，在自己家里試運(yùn)行，控制家中所有的電子設(shè)備，包括音樂播放器，燈和空調(diào)，幫自己做飯，喂狗，用圖像數(shù)據(jù)識別家人和到訪的好友，為他們自動打開房門，用語音指令指揮自動發(fā)射T恤，識別孩子是不是醒了？自動唱歌放音樂給她聽，說一聲晚安就搞定一切并確認(rèn)門也鎖好了。覺得蠻有意思的，親手做一個用在自己的家中，簡直是實(shí)現(xiàn)了"懶人計(jì)劃"，脫離了庸常重復(fù)的家務(wù)。記得我小時(shí)候也寫過一篇描述未來機(jī)器人使用場景的文章，和這個類似差不多呢。

有數(shù)據(jù)和人工智能相結(jié)合，去掉許多繁瑣的家務(wù)勞動，讓家居和工作更加的省時(shí)省力，應(yīng)該是大家都喜歡的趨勢，用機(jī)器人去做一些重復(fù)性重體力的勞動也是企業(yè)中已經(jīng)用到的方式，國外甚至已經(jīng)用機(jī)器人來做精密的醫(yī)療手術(shù)了呢。