編者按：色彩基礎(chǔ)知識不夠扎實(shí)？配色靈感枯竭殆盡？今天百度的同學(xué)通過思路+實(shí)訓(xùn)，手把手帶你走進(jìn)繪畫大師的配色王國，再乾坤大挪移，將高手的配色都化為己用，配色弱必馬！

用戶體驗(yàn)設(shè)計的精髓，在于恰到好處的設(shè)計出最合適的用戶場景體驗(yàn)，而這種體驗(yàn)是不知不覺給予用戶同時能讓用戶在觸點(diǎn)的那個瞬間怦然心動，那如何讓用戶心動呢？阿里同學(xué)專門組建了一個團(tuán)隊來研究這方面，現(xiàn)在初步方法有了，來學(xué) >>>

古人云：“動人心者，莫先乎情?！?，同樣的我們從約翰.奈斯比特的語言中窺見：”無論何處都需要高補(bǔ)償?shù)那楦?，社會中高技術(shù)的越多，我們就越渴望高情感的環(huán)境，用設(shè)計軟性的一面來平衡技術(shù)硬的一面。設(shè)計作為人的創(chuàng)造性活動，不是摒除激情或者情感，而是要創(chuàng)造一種中性的、能容納和激起使用者情感的東西，這種東西是一種境界。”

很多設(shè)計師都對信息可視化、設(shè)計信息圖非常感興趣，在平時的作品中合理地加入一些可視化的元素，能瞬間提升設(shè)計質(zhì)感和強(qiáng)化主題，這里我想給大家扯扯信息圖設(shè)計的一些事，歡迎大家拍磚！

—————————————————————- 信息圖概要 —————————————————————-

什么是信息圖？

提及信息圖，不可避免要先講下時下熱門的議題：信息可視化(Information Visualization)。大家從字面上以及平時工作學(xué)習(xí)中應(yīng)該或多或少有了解，可以將它大致理解為：將復(fù)雜的信息通過圖形樣式清晰明了的傳達(dá)給讀者。信息可視化是一個跨學(xué)科的領(lǐng)域，其詳細(xì)深入的定義這里不做研討，本文主要針對其圖形化的產(chǎn)物信息圖進(jìn)行介紹。

可視化并不是什么全新的概念，生活中很多信息可視化例子：公共指示、統(tǒng)計圖、星級評分、五線譜…

企業(yè)VI的特點(diǎn)是需要通過各式各樣的介質(zhì)傳播出去，不僅是顯示屏，還有名片、包裝袋、光碟、書籍等等。對設(shè)計師來說，這意味著你的設(shè)計必須足夠簡單而又有亮點(diǎn)，易于辨認(rèn)。

Unionservice Design

The color wheel is a tool for understanding color and color relationships.

色環(huán)是一種幫助我們理解色彩和色彩關(guān)系的工具。

The most common color wheel is the twelve (12) hue wheel. A color wheel could have as few as six hues or as many as 24, 48, 96 or more.

最常見的色環(huán)是 12 色環(huán)。通常一個色環(huán)包含至少 6 種、多到 24、48、96 或更多種顏色。

• Yellow
• Yellow-Green
• Green
• Blue-Green
• Blue
• Blue-Violet
• Violet
• Red-Violet
• Red
• Red-Orange
• Orange
• Yellow-Orange
• 黃色
• 黃綠色
• 綠色
• 藍(lán)綠色
• 藍(lán)色
• 藍(lán)紫色
• 紫色
• 紫紅色
• 紅色
• 紅橙色
• 橙色
• 黃橙色

一、用戶如何觀察

1.周邊視覺反應(yīng)速度高于中央視覺

若想引導(dǎo)用戶集中注意屏幕某處，就不要在周邊放置動畫或閃爍的元素

作者：王鐸（MICU設(shè)計）

好長時間沒發(fā)帖，凈想過年了，過年哈，倒騰工作總結(jié)和年貨是大事。

這幾天有人問我說：“最近看了好多教程，都老高大上了，但是老弟我做不到呀，想學(xué)點(diǎn)直接能拿來用的，這個要求過分嗎……”

這個，好吧，那就直接說說能用的知識：字體字號。

也許你會說：字體字號？也太Low了吧，這個誰不知道重要呀。

對于這個問題，我想說：會和熟練，是兩回事。一個App，不同部分的字體字號你能準(zhǔn)確地說出來嗎？

很多剛做APP界面的設(shè)計師，經(jīng)常會因?yàn)樽痔?，字體顏色，間距而困擾。
拿到設(shè)計需求后，開始進(jìn)行設(shè)計，不知道從何去調(diào)整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計稿反復(fù)得修改。設(shè)計出來的效果圖文字左右間距層次不齊，導(dǎo)致與預(yù)期不符等。
這小節(jié)我將和大家理一理界面中常用的字體，字號，字體顏色及間距對齊的一些小經(jīng)驗(yàn)。希望能對大家有些幫助。

藍(lán)藍(lán)覺得在界面設(shè)計中，優(yōu)秀的表格設(shè)計技巧是非常基礎(chǔ)，也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章，來學(xué)習(xí)～～這是第四篇！實(shí)際價格表的設(shè)計案例。感謝原作者！

如果我們在訪問某些產(chǎn)品銷售類網(wǎng)站的時候，看到產(chǎn)品的價目展示用戶體驗(yàn)，很大程度上會影響我們的購買需求，所以說我們在自己、客戶的網(wǎng)站價目表格展示的時候，用上特有、簡單、體驗(yàn)完美的HTML CSS樣式表格能夠提高用戶體驗(yàn)和產(chǎn)品的購買轉(zhuǎn)化率。在這篇文章中，老左整理來自海外16款用戶體驗(yàn)優(yōu)秀的HTML CSS價格表格模板，并且附帶演示和下載，根據(jù)我們自己的實(shí)際需要添加整合到網(wǎng)站中應(yīng)用。

老左之前也有分享過2篇關(guān)于HTML樣式表格的資源：

8款設(shè)計師常用漂亮的HTML CSS表格樣式

6款漂亮HTML CSS樣式用戶留言表單

第一、帶圖片價格表模板