近為了團(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é)會(huì)做減法

相比于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í)候，就需要微交互登場了。

通過對用戶畫像的分析，我們確定了目標(biāo)用戶的痛點(diǎn)和期望，依據(jù)已知信息我們需要去做灰色預(yù)判，預(yù)判哪些功能/內(nèi)容是用戶想要的、哪些是與目標(biāo)用戶不相關(guān)的、哪些是與目標(biāo)用戶相關(guān)的但不是很重要的。對于不相關(guān)的，我們要大膽地刪除；對于相關(guān)的但不是很重要的，要將其進(jìn)行隱藏起來，畢竟80%人只用那20%的功能；對于重點(diǎn)內(nèi)容我們需要細(xì)心對待，強(qiáng)化其框架，情景化其流程。

在網(wǎng)頁設(shè)計(jì)中使用透明效果是件既美觀又冒險(xiǎn)的事兒。透明效果的使用是把色塊，文本或圖像“變薄”或者降低飽和度，使顏色變淺透明，這樣下個(gè)圖層的內(nèi)容就能穿透顯示出來。這種方法如果用好了，效果將會(huì)特別棒——能突出顯示文本或者在圖像的特定區(qū)域形成焦點(diǎn)。但設(shè)計(jì)者在運(yùn)用透明效果時(shí)要特別小心，因?yàn)檫@么做可能會(huì)影響頁面的可讀性。要是框和文本的透明度不對，更可能會(huì)影響到整體的設(shè)計(jì)。

格式塔是德文“Gestalt”的 譯音，意思是“完形”，即具有不同部分分離特性的有機(jī)整體。我們的眼睛和大腦在觀察事物、接收影像刺激的時(shí)候，會(huì)有一些特別的傾向。這些傾向常?？梢詭椭?我們快速的辨別事物，有時(shí)候也會(huì)產(chǎn)生所謂的“錯(cuò)覺”。格式塔心理學(xué)重要的概念便是“整體不等于個(gè)體的總合”，舉例來說：當(dāng)我們在觀察另一個(gè)人的時(shí)候，并不 是先看到他的手、腳、頭、眼睛、耳朵、鼻子，然后把這些視覺特征組合成一個(gè)稱為“人”的組合。我們是直接的觀察到人這個(gè)“整體”，而不是其他器官的“個(gè)體 的總合”。格式塔心理學(xué)主要有相似性原理、連續(xù)性原理、封閉性原理、對稱性原理等，舉例來說，比如我們看到下面幾個(gè)圖形：

操作面板的重要性毋庸置疑，因?yàn)槟鞘侨藗兇蜷_應(yīng)用首先看到的東西。我們花了數(shù)月的時(shí)間，反復(fù)迭代繪制不同操作面板的原型。我們有許多想法：課程包，讓用戶從3個(gè)隨機(jī)課程中選擇，事件相關(guān)的課程話題，或是為與我們有合作的專家和品牌創(chuàng)造特殊組件?？赡苄钥偸菬o窮無盡。

審美疲勞？感覺Logo設(shè)計(jì)大同小異？做設(shè)計(jì)，沒有創(chuàng)意怎么能行？
今天推薦的Logo可不是掃一眼就能看明白的，除了要用眼睛看，還要用腦子想。怎么樣？敢不敢來接受這個(gè)挑戰(zhàn)？

好了，不繞圈子了，50個(gè)意蘊(yùn)深刻的Logo設(shè)計(jì)現(xiàn)在開始。

更新完發(fā)現(xiàn)新字體居然沒有那么丑了。讓我很費(fèi)解是，當(dāng)天更新的同事或朋友都認(rèn)為新字體很圓潤，包括我也這么認(rèn)為，是方正幼圓之類。我反復(fù)對比了5S、6和6P，確實(shí)不像第一次見到那么土圓肥了。

為了詳細(xì)了解新字體，我百度輸入：iOS 9字體：

筆者最近在看《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)行了重新的梳理，希望對大家的快速理解有所幫助。