無論你是不是一名視覺設(shè)計師，可能都會有這樣的感受：視覺設(shè)計在創(chuàng)造一個新產(chǎn)品的過程中，顯得并不那么重要，被安排在設(shè)計流程最后一環(huán)的視覺設(shè)計師們所能接觸的，以及產(chǎn)生影響的范圍都非常有限。我們還會不禁認(rèn)為，視覺設(shè)計不就是畫幾個漂亮的icon和界面，比如我們平常看到一個app的第一印象覺得漂亮，這對學(xué)習(xí)了幾年美術(shù)設(shè)計的人來說簡直易如反掌。

真的是這樣嗎？從我這些年的探索與積累，來談?wù)勎覐膬蓚€層次理解的視覺設(shè)計

近日，ARK design聯(lián)合創(chuàng)始人張文新受邀出席了支付寶“盾盾學(xué)堂”，做了一場名為“體驗設(shè)計再思考”的演講，跟在座和在線的數(shù)百支付寶人重新思考了設(shè)計師在互聯(lián)網(wǎng)行業(yè)的角色和定位。

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

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

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

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

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

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

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

今天的文章，讓小編想起小時候大街小巷放的一首歌“……夢中的夢中夢中人的夢中……”（跟著唱出來的人請點個贊，沒錯，你暴露年齡了！），當(dāng)你每天研究“別人家的孩子”、“別人家的狗”、“別人家的老公（婆）”的時候，你就不是你自己了，你只是一個“別人眼里的別人”。

編者按：現(xiàn)如今，用戶體驗設(shè)計師已經(jīng)成為開發(fā)和設(shè)計團(tuán)隊必不可少的成員。這一新興的職位到底是怎樣出現(xiàn)，從何開始的呢？今天通過這篇文章，簡單溫故一下用戶體驗設(shè)計的隱秘傳承~

在聊用戶體驗之前，先回憶一下上一次去餐館吃飯的經(jīng)歷吧。

交互設(shè)計是個跨學(xué)科專業(yè)，其中，心理學(xué)便是其中很重要的一個部分。所以，如果你不想繼續(xù)僅憑直覺和死記硬背高大上的理論原則來從事交互設(shè)計，如果你想成為優(yōu)秀的交互設(shè)計師，學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計師至少應(yīng)該了解哪些基本的心理學(xué)理論。

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

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

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

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

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

第一、帶圖片價格表模板

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

表格的應(yīng)用

DLIN：由于工作原因，經(jīng)常接觸到表格。我們發(fā)現(xiàn)，表格不但廣泛的運用在各類數(shù)據(jù)收集和分析，同時通過表格這樣一種二維矩陣來整理和陳列信息時（即便最后的展示方式并非一個典型的表格樣式），能夠很好的表達(dá)信息之間的邏輯關(guān)系，易于幫助理解橫縱信息之間的關(guān)系。

在實際的網(wǎng)頁設(shè)計應(yīng)用中，表格橫縱相互獨立又相互關(guān)聯(lián)的模式尤其適用于：

1.組織和展示大量的信息

表格簡單的結(jié)構(gòu)不但能包含大量的信息，且同時保證信息的可讀性,便于讀者快速掃描信息、從大量的條目中找到所需的信息。

2.展示對比性信息

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

hardwear：想必多數(shù)同學(xué)曾經(jīng)學(xué)習(xí)計算機(jī)就是從Word開始，其中一項重要的學(xué)習(xí)任務(wù)就是創(chuàng)建表格，如今在網(wǎng)絡(luò)頁面里表格隨處可見，尤其是商業(yè)產(chǎn)品里充滿了大量的數(shù)據(jù)，要沒有這些表格估計看內(nèi)容得吐血…… 表格形形色色，默默無聞的呈現(xiàn)著數(shù)據(jù)，閱讀起來如何最為順暢，如何才能從表格里發(fā)掘出重要信息，有哪些可以對表格進(jìn)行的操作，梳理一下以供參考。

在后臺界面，表格對數(shù)據(jù)的維護(hù)和體現(xiàn)是最常見的，那么也推薦您看看一組驚艷的后臺管理界面設(shè)計

1.行高是表格瀏覽時的重要參數(shù)

行高是表格非常重要的參數(shù)，行高間距直接影響著閱讀的體驗，有如同Omniture為了最大限度的放置數(shù)據(jù)內(nèi)容，強(qiáng)化數(shù)據(jù)顯示效果而降低行高的情況，也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

表格信息通常是很乏味的

從某種意義上來說，的確如此。一個好的表格應(yīng)該以易于理解，簡單明了的方式傳遞大量的信息。真正的重點應(yīng)該 放在信息上， 對表格的過度設(shè)計會抵消這種作用。從另一方面來說，巧妙的設(shè)計不僅可以使一個表格更具吸引力， 而且可以增加可讀性。

今天我們來看看提升表格功能和美觀的幾種方式。我們經(jīng)常會在網(wǎng)上的價格頁上看到表格的應(yīng)用，因此主要以該種表 單為例。請記住這些原則可以應(yīng)用到任意類型的信息列表上（不僅限于<table>).

垂直，水平或矩陣？Vertical, Horizontal or Matrix?

一如以往，我們從最明顯的地方開始。第一步是決定表格的整體結(jié)構(gòu)。結(jié)構(gòu)取決于呈現(xiàn)數(shù)據(jù)的類型和復(fù)雜性。選擇 垂直的列還是水平行，通常取決于個人偏好。大致規(guī)劃下表單的內(nèi)容，然后決定采取哪種方法能更好地傳遞信息。很顯然，如果信息包含多變量，那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。

垂直