在 Office 軟件的設(shè)定中，i, B 兩個(gè)按鈕可以把任意字體變成斜體或粗體。如果一套字體里真的有粗體、斜體那倒不會有問題（例如微軟正黑體有粗體）；但是如果缺乏粗體、斜體，就會用程序演算出來一個(gè)替代的版本。這其實(shí)不是一個(gè)字體最天然的設(shè)計(jì)。

近為了團(tuán)隊(duì)能做好產(chǎn)品首頁設(shè)計(jì)，我研究了很多國外to B類的相關(guān)產(chǎn)品設(shè)計(jì)。發(fā)現(xiàn)國外這類設(shè)計(jì)作品在整體水準(zhǔn)上比國內(nèi)高了不止一個(gè)檔次（國內(nèi)to B產(chǎn)品起步較晚，在設(shè)計(jì)方面的研究幾乎空白），而這種差距和設(shè)計(jì)技法沒有太多關(guān)系，更多的是對產(chǎn)品個(gè)性的把握和傳達(dá)。

簡之前先學(xué)會做減法

相比于9.0版，9.2版“減”去了“個(gè)人信息”，按照前面提到的“減法”邏輯，“個(gè)人信息”屬于不重要的功能，這一點(diǎn)支付寶Team可以通過其點(diǎn)擊率、該入口頁面轉(zhuǎn)化率來做定量判定。

何打造一款看起來非常驚艷的應(yīng)用，我想大家應(yīng)該有所了解，借助有趣的故事、流暢的流程和令人難忘的視覺設(shè)計(jì)就好。但是僅有這些并不夠，你需要拿出一些真正能打動(dòng)用戶心靈，產(chǎn)生情感聯(lián)系的東西，讓他們感受到應(yīng)用真正鮮活的一面。

這個(gè)時(shí)候，就需要微交互登場了。

筆者最近在看《About Face3-交互設(shè)計(jì)精髓》一書， 第二章講到三個(gè)術(shù)語：實(shí)現(xiàn)模型、心理模型、表現(xiàn)模型。看上去高大上的詞語，理解起來也很難懂。但是我還是硬著頭皮把這一章來回啃了好幾遍，終于咀嚼、咽下了。至于營養(yǎng)怎么樣，可以先看看網(wǎng)上對于“About  Face”這本書的評價(jià)。在這本交互界最權(quán)威的書里，作者用一個(gè)章節(jié)來講述這三個(gè)詞語。足見這三個(gè)詞語的重要性。三個(gè)詞語描述了產(chǎn)品的運(yùn)作機(jī)制、外在表現(xiàn)與用戶心里認(rèn)知之間的關(guān)系。為了能夠幫助大家容易理解這幾個(gè)詞語，我根據(jù)自己的理解加上一些示例進(jìn)行了重新的梳理，希望對大家的快速理解有所幫助。

同樣是1個(gè)像素，在不同地方是有不同效果的，不能直接就說重要還是不重要。舉個(gè)例子

設(shè)計(jì)師要懂心理學(xué)這本書很有趣，首先它很簡單，任何對設(shè)計(jì)感興趣的讀者都可以輕松閱讀并理解，其次它很真實(shí)，能給設(shè)計(jì)師帶來一些好玩的回憶和思考，最后，這本書再次證明了設(shè)計(jì)師設(shè)計(jì)產(chǎn)品，要服務(wù)的用戶是多么簡單而又復(fù)雜的一個(gè)群體。。。：）

書名：設(shè)計(jì)師要懂心理學(xué)

作者：Susan Weinschenk

書的內(nèi)容挺多，我只記錄自己感興趣的部分，以下。

1，“別人在你的網(wǎng)站上看見的內(nèi)容未必符合你的設(shè)想，他們的個(gè)人背景、文化水平、對眼前事物的熟悉度以及期待看到什么，都會影響他們的觀察結(jié)果。”

所以，永遠(yuǎn)不要完全以設(shè)計(jì)師自己的立場和角度來設(shè)計(jì)產(chǎn)品；同時(shí)設(shè)計(jì)師需要重視用戶研究帶來的價(jià)值。

和淘寶還有騰訊的朋友閑聊，不經(jīng)意的又談到了抄襲、抄習(xí)和抄越這幾個(gè)有意思的字眼。剛好看到Traci Lepore寫的Why Great Designers Steal, and Are Proud of It這篇文章，就整理一下和更多人分享。

強(qiáng)調(diào)一下，畢加索的原話其實(shí)是”Bad artists copy, Good artists steal”，而不是”Good artists copy, great artists steal”。也許大部分人意識到抄襲是可恥的，把bad改成good聊以自慰，但是明顯的，我們都承認(rèn)偷竊是更偉大的。

一切革命性的并且成功的設(shè)計(jì)都不是來自憑空想象。不管你是否已經(jīng)意識到，你每天接觸到的事物都在影響你的創(chuàng)作。對于優(yōu)秀的設(shè)計(jì)師來說，關(guān)注和吸收新鮮元素確實(shí)會激發(fā)他們本身的創(chuàng)造性。但是通常而言，不管你稱其為抄襲、模仿或者借鑒，大部分人都只是在復(fù)制別人的想法。

我本人也有過這樣的經(jīng)歷，之前我們設(shè)計(jì)一個(gè)大數(shù)據(jù)產(chǎn)品的官網(wǎng)，設(shè)計(jì)師做完我很滿意，但是老板提出了意見：你們這是C端（customer）風(fēng)格，我 這是一個(gè)to B（business）的網(wǎng)站，以后不要再給我搞這種C端風(fēng)格！我們后來分析了很多to B的網(wǎng)站風(fēng)格，發(fā)現(xiàn)它們確實(shí)存在明顯的共性，而我們卻習(xí)慣于已有的C端經(jīng)驗(yàn)而忽視了這類網(wǎng)站這么明顯的特質(zhì)。當(dāng)時(shí)我也在反思，為什么不懂設(shè)計(jì)的老板反而能 發(fā)現(xiàn)設(shè)計(jì)上的問題？因?yàn)樗龑I(yè)務(wù)足夠理解，并且她的視野更寬闊！可見要真正做好設(shè)計(jì)，只懂設(shè)計(jì)層面的東西是不夠的，需要拓寬眼界和知識面，從更高的角度來 看問題。

藍(lán)藍(lán)注：這篇文章寫的非常具體，對于一個(gè)公司的初級和中級網(wǎng)站，比較實(shí)用，可參照。

一、感官體驗(yàn)：呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性

1. 設(shè)計(jì)風(fēng)格：符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。

網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶群體，并針對目標(biāo)客戶的審美喜好，進(jìn)行分析，從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。

2. 網(wǎng)站LOGO：確保logo的保護(hù)空間，確保品牌的清晰展示而又不占據(jù)過分空間。

3. 頁面速度：正常情況下,盡量確保頁面在5秒內(nèi)打開。如果是大 型門戶網(wǎng)站，必須考慮南北互通問題，進(jìn)行必要的壓力測試。

4. 頁面布局：重點(diǎn)突出，主次分明，圖文并茂。與企業(yè)的營銷目標(biāo)相結(jié)合，將目標(biāo)客戶最感興趣的，最具有銷售力的信息放置在最重要的位置。

5. 頁面色彩：與品牌整體形象相統(tǒng)一，主色調(diào)+輔助色不超過三種顏色。以恰當(dāng)?shù)纳拭鞫群土炼龋_保瀏覽者的瀏覽舒適度。

6. 動(dòng)畫效果：與主畫面相協(xié)調(diào)，打開速度快，動(dòng)畫效果節(jié)奏適中，不干擾主畫面瀏覽。

7. 頁面導(dǎo)航：導(dǎo)航條清晰明了、突出，層級分明。

8. 頁面大小：適合多數(shù)瀏覽器瀏覽(以15寸及17寸顯示器為主)。

9. 圖片展示：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過于密集，也不會過于疏遠(yuǎn)。

10. 圖標(biāo)使用：簡潔、明了、易懂、準(zhǔn)確，與頁面整體風(fēng)格統(tǒng)一。

11. 廣告位：避免干擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。