確保工作區(qū)整潔有序

合理的圖層排序和分組便于設(shè)計師理解所有元素的對應(yīng)位置。把它比作一個生產(chǎn)車間，要是你把所有的工具到處扔，害得你的工頭什么都找不到，你還有好日子過么？

同一對象的多個圖層歸入一個文件夾

這是一條重要的規(guī)則。圖層歸組讓你的圖層變得有序，你不需要單獨為每一個圖層命名，只要命名組就行了。
例如：如果一個按鈕由按鈕圖標(biāo)和說明文字組成，那么應(yīng)該把它們歸入一個”按鈕”的文件夾；菜單本身是一個一組一組的按鈕對，歸入一個”菜單”組，并且所有背景層也將歸入”背景”這個文件夾。

原則就是：文件夾分組在邏輯上應(yīng)該符合你的布局結(jié)構(gòu)。

如果一個對象包含幾個圖層，就應(yīng)該把它們歸入一個文件夾

新幻燈的版本為34/1，修改日期11月27

通常我們會把好幾個不同版本的元素放在一個文件里，像同一個按鈕不同的背景。

但為了避免忘記這一撮奇怪的隱藏圖層其實是同一個背景的不同版本，最好還是好好給他們歸組。最簡單的辦法就是創(chuàng)建一個”背景”文件夾，把所有的版本背景都放到里面。但更理想的方法是復(fù)制整個”按鈕”文件夾并根據(jù)不同的版本命一樣的名。這樣就可以很清楚地知道這是一個按鈕的3個不同版本。

這樣分組，你的同事就能理解這些按鈕是三個版本

這里收錄的100句有關(guān)設(shè)計的事情，似乎更像是設(shè)計經(jīng)典語錄，它們之中肯定會有一句能夠讓您共鳴，甚至大徹大悟。

好吧，美妙的句子很多，開門見山，就讓我們迅速開始吧。

零：項目背景

百度網(wǎng)盟推廣平臺是配合網(wǎng)盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加，原有的系統(tǒng)對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統(tǒng)體驗的分析和優(yōu)化工作。

一：產(chǎn)品理解

廣告投放平臺廣義上屬于商業(yè)產(chǎn)品體系，商業(yè)產(chǎn)品和用戶產(chǎn)品在體驗的關(guān)注點上是有顯著區(qū)別的。最大的區(qū)別就是使用需求不同，商業(yè)產(chǎn)品一般不會出現(xiàn)在我們?nèi)粘Ｉ钪?，大部分都是在工作時，或者是特定的時段內(nèi)才會使用到。所以把握好商業(yè)產(chǎn)品的特性，是做好商業(yè)產(chǎn)品用戶體驗的關(guān)鍵。

研究一個產(chǎn)品的特性，一個比較簡單的方法就是觀察產(chǎn)品的“零容忍點”，也就是產(chǎn)品的哪些特性如果不能夠滿足用戶，用戶就會產(chǎn)生強烈反感，甚至放棄使用。比如說現(xiàn)在非?；鸬囊苿踊ヂ?lián)網(wǎng)應(yīng)用，也就是app產(chǎn)品，用戶的零容忍點基本上會停留在視覺層面上。因為我們的移動設(shè)備分辨率較高以及產(chǎn)品的使用場景（都是近距離使用）的關(guān)系，用戶對產(chǎn)品的視覺效果會非常嚴(yán)苛，如果產(chǎn)品的icon或者界面丑陋，基本上就不會用了。但是，對于一些小說站點或者視頻站點來說，視覺就不是用戶最主要關(guān)注的了，這類產(chǎn)品，用戶最關(guān)注的是他們的內(nèi)容，如果內(nèi)容不夠好，別人有的你沒有，那么用戶就會離開，即使你的界面十分精美，只能是華而不實。同樣，如果把思路切換到商業(yè)產(chǎn)品上，我們會發(fā)現(xiàn)用戶最在意的是能夠能夠在使用的功能滿足和節(jié)約時間。因為商業(yè)產(chǎn)品更像是一個用戶的工具，如果工具不能夠操作，那么用戶就沒有使用的動力了。因此，對于商業(yè)產(chǎn)品來講，功能>性能>易用>美觀。

所以，對于商業(yè)產(chǎn)品設(shè)計師來說，我們的思維中要一直有一個聲音，那就是我們的優(yōu)化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強迫自己選擇前者。

二.可用性走查

平臺系統(tǒng)的復(fù)雜度之高，超出預(yù)期，怎樣衡量復(fù)雜系統(tǒng)的操作效率提升是體驗優(yōu)化的一個難題，思考之后，把產(chǎn)品的易學(xué)性作為我的設(shè)計出發(fā)點，就是通過統(tǒng)一、規(guī)范的系統(tǒng)能夠讓用戶更容易學(xué)習(xí)和掌握平臺產(chǎn)品具體的使用方法。

對整個系統(tǒng)超過30個頁面進(jìn)行可用性走查，根據(jù)用戶體驗設(shè)計要素，把系統(tǒng)按照結(jié)構(gòu)層、框架層和表現(xiàn)層來進(jìn)行梳理。結(jié)構(gòu)層解決用戶如何導(dǎo)到某個頁面，做完去哪里。在梳理結(jié)構(gòu)層的過程中不具體思考交互方式，只是從任務(wù)出發(fā)，來看流程和結(jié)構(gòu)上能不能滿足功能，在滿足功能的基礎(chǔ)上有沒有提升的空間?？蚣軐觿t解決頁面的具體布局和交互方式，對系統(tǒng)頁面的控件、布局等詳細(xì)梳理，尋找改進(jìn)空間。表現(xiàn)層解決產(chǎn)品的視覺呈現(xiàn)。

雖然互聯(lián)網(wǎng)發(fā)展迅速，但是利用Banner來推廣產(chǎn)品，依然是王道。
很多公司都采用這種形式進(jìn)行宣傳，優(yōu)點多多：便宜、效果可監(jiān)測、行之有效。
現(xiàn)在呢，假設(shè)有客戶讓你幫忙設(shè)計個Banner廣告，你要怎么設(shè)計呢？要怎么提高廣告的點擊率呢？

下面將詳細(xì)講述Banner設(shè)計的14條建議。

1. 選擇最有效的Banner尺寸

恐怕現(xiàn)在的設(shè)計師最怕聽到的兩個字就是“大氣”。
“你對設(shè)計稿有什么要求呢？” “哦，我希望大氣一些！”“。。。?！?br /> “您覺的哪些地方不滿意呢？”“嗯，就是希望再大氣一些！”“。。。?！?br /> “你看這次的視覺稿，風(fēng)格怎么樣？”“挺好的，稍微大氣一些就OK”“。。。。”
這些對話一點也不夸張，都是同行們常常抱怨的話題。設(shè)計師已經(jīng)無數(shù)次倒在了這兩個字下。
不過，抱怨并不能解決所有問題。那么我們該考慮如何解決這個令人頭疼的形容詞呢？ 簡單分析，從兩種不同類型的需求說起

第一種：商務(wù)性質(zhì)中的“大氣”

簡約的頁面風(fēng)格容易受到用戶的喜歡，而且能給用戶帶來一定的安全感。拿IBM這個來說，頁面給人的第一感覺是專業(yè)和安全。焦點圖構(gòu)成也比較簡單，左側(cè)醒目的標(biāo)語用了簡單的漸變，右側(cè)也運用了簡單的幾何圖形。下面幾個例子也是如此，還有一些沒有列舉出來的，比如大家很熟悉的apple官網(wǎng)。

一個LOGO對于一家企業(yè)的重要性不用我說相信大家也都知道，不管是從視覺的品牌傳播方面，還是對于傳達(dá)企業(yè)對內(nèi)對外的精神和文化理念方面，小小的一個LOGO都處在一個舉足輕重的位置。好了，廢話不多說，開始正題。

有人說“即使一把火把可口可樂燒得精光，它也能憑借著它的LOGO東山再起?！爱?dāng)然了，至于有沒有人說過，我們無法考證。但是這句話充分說明了一個LOGO所能發(fā)揮的作用。下面我從5個方面來說明如何才是一個好的LOGO:

1． LOGO應(yīng)該有代表性的寓意

中國銀行的LOGO的經(jīng)典之處也不用我來多廢話，我們來看一看它所包含的寓意：

（1）首先，既然是中國銀行，它的圖形部分中間實際上是一個中國的“中”字；

（2）其次，外圓中方的造型，則代表著中國的古錢幣，將銀行這一特性表達(dá)出來；

（3）再次，圓形的外觀則指中國銀行面向全球，著眼世界。

2． LOGO的用色

一個好的LOGO應(yīng)該有能夠表達(dá)企業(yè)特性的色彩

上圖中，同為美國的2家著名企業(yè)的LOGO,都是以大量的字母為基礎(chǔ)造型的LOGO

給觀者的感覺卻是截然不同的兩種感覺,色彩的運用起到了很重要的作用

前言

網(wǎng)絡(luò)廣告，因其數(shù)字化、數(shù)據(jù)性的本質(zhì)而區(qū)別于傳統(tǒng)廣告。傳統(tǒng)廣告無法衡量受眾參與，但網(wǎng)絡(luò)廣告有展現(xiàn)、點擊、轉(zhuǎn)化。CTR很長一段時間以來，是網(wǎng)絡(luò)廣告效果的命脈。我們要研究CTR，研究什么？是誰在貢獻(xiàn)CTR，CTR有什么規(guī)律，哪些因素在影響CTR，如何提升CTR，同時也要明白，在網(wǎng)絡(luò)廣告技術(shù)和形式光速發(fā)展的今天，CTR是否還是最優(yōu)解。

本系列即圍繞CTR展開。本文涉及“天生的點擊者”這一理論，簡單來說也是二八理論，就是網(wǎng)絡(luò)廣告研究者認(rèn)為存在這樣一類上網(wǎng)人群，他們貢獻(xiàn)了網(wǎng)絡(luò)廣告的絕大多數(shù)點擊。而本文作者依然認(rèn)可這個結(jié)論，并告知我們，正是在這樣的結(jié)論下：

CTR不權(quán)威也不唯一，要考慮CTR之外的價值。

What Happens When Your Audience Doesn’t Click？

譯文

幾年前，comScore，Tacoda和Starcom做了一項有趣的研究名為“天生的點擊者”（Natural Born Clickers）。該研究指出，有這樣一類人，面對網(wǎng)絡(luò)廣告，他們比其他人更多的發(fā)生點擊或參與行為。他們只是上網(wǎng)人群中的一小撮人，8%的人卻貢獻(xiàn)了85%的點擊。這是09年10月的研究（原文），但我不得不說，到現(xiàn)在為止這個情況沒有什么改變。

當(dāng)你正在用受眾定向的交易平臺或者DSP系統(tǒng)來進(jìn)行你的營銷計劃時，當(dāng)你購買的受眾不是高概率點擊人群時，將會是什么結(jié)果？

這，便構(gòu)成了一個警鐘。

是時候來調(diào)整一下期望了，以下是幾點建議：

 
1. 如果你一味的追求點擊，優(yōu)化點擊，你會錯過很多價值

點擊不是一切，雖然它是一個好的指標(biāo)對于整體效果而言。但是點擊之外，依然有其它方式與在線展示單元發(fā)生聯(lián)系，比如熱烈討論的有效展示率（原文是view-through metric。公式是view/shows*100%），品牌影響量化研究，還有banner內(nèi)互動等等。簡要說下這三點：有效展示率有什么用？當(dāng)你和諸如Visual IQ或者Adometry這些比較高級的cookie定向的服務(wù)商合作時，有效展示會相當(dāng)有用；而品牌影響量化研究幫你衡量一些區(qū)別于人群定向的“軟指標(biāo)”，在這一點上，最擅長的無疑是市場研究公司GfK和Knowledge Networks）。banner內(nèi)互動呢，可以幫助我們理解用戶是如何與展示廣告本身及其環(huán)境發(fā)生聯(lián)系的。比如Moat（一個展示廣告搜索引擎，輸入品牌名就可以獲知這個品牌正在網(wǎng)上展示哪些創(chuàng)意，并提供熱點圖分析，包括鼠標(biāo)滑過和點擊行為，來告訴廣告主什么樣的廣告參與度最高）所有這些對于點擊之外的數(shù)據(jù)的收集，都在告訴你：營銷決策并沒有你想想的那么難。

導(dǎo)航是網(wǎng)頁設(shè)計中不可缺少的部分，它是網(wǎng)站訪問者獲取所需內(nèi)容的快速通道和途徑。導(dǎo)航讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清晰展示，并引導(dǎo)用戶毫不費力地找到并管理信息，達(dá)到有效傳遞。同時，導(dǎo)航一般位于網(wǎng)頁的中上部分，也是視覺中心的區(qū)域內(nèi)。在保持其合理的功能作用的同時，一個好的導(dǎo)航設(shè)計，往往能夠成為整個網(wǎng)頁設(shè)計的點睛之筆！

一個設(shè)計師在布局和整體規(guī)劃網(wǎng)頁設(shè)計時，導(dǎo)航總是一個重要的元素。我們會思考，導(dǎo)航以什么形式呈現(xiàn)？是否能夠地發(fā)揮其梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息的功能？是否能夠烘托和配合整個頁面的設(shè)計風(fēng)格？是否能夠別出心裁潤色和體現(xiàn)該網(wǎng)站的特點又不影響其功能性？是否能夠精益求精成為整個網(wǎng)頁設(shè)計至關(guān)重要的一筆？那么，就讓我們一起分享和淺析一下一些讓設(shè)計師們花費心思精雕細(xì)琢的導(dǎo)航設(shè)計吧。

導(dǎo)航的設(shè)計會根據(jù)網(wǎng)站的基本類別、屬性和各自特點而有所定位。在這里，我挑選了一些非系統(tǒng)、門戶等類型，有明確特點、用戶定位、產(chǎn)品及品牌特色的品牌類、專題類網(wǎng)站。對于這些網(wǎng)站來說，導(dǎo)航的設(shè)計將突破我們常見的橫向長條導(dǎo)航或者豎式導(dǎo)航，會更加有意味、趣味和玩味，是能讓設(shè)計師們盡情拓展設(shè)計創(chuàng)意和思維的“有點兒意思”的導(dǎo)航設(shè)計！

導(dǎo)航是互聯(lián)網(wǎng)產(chǎn)品中應(yīng)用最廣泛的基礎(chǔ)元素之一，引導(dǎo)用戶了解到網(wǎng)站的內(nèi)容結(jié)構(gòu)進(jìn)而找到所求。作為基礎(chǔ)控件，導(dǎo)航看起來簡單，但卻是產(chǎn)品設(shè)計中最復(fù)雜繁瑣的一部分。因為我們想要讓網(wǎng)站結(jié)構(gòu)更清晰、想要向用戶傳達(dá)所有的信息，所以就賦予了導(dǎo)航越來越多的內(nèi)容，使他們龐大異常，十分糾結(jié)。簡化了，用戶無法了解到頁面結(jié)構(gòu)以及自己的處境，產(chǎn)生困惑；復(fù)雜了，導(dǎo)航臃腫不堪，層巒疊嶂，既不美觀也不好用。

那么，在清晰的信息架構(gòu)下能不能讓導(dǎo)航盡可能的更輕便、更靈動，是筆者本文想要探討的話題。筆者看來，為導(dǎo)航塑身可以從以下幾個角度來進(jìn)行：1.簡化結(jié)構(gòu)；2.優(yōu)化形式；3.打磨UI。

網(wǎng)站作為信息的集合體，要囊括海量的資源，從首頁到二級頁再到專題頁進(jìn)而底層頁等等等等，信息的層級多且繁雜，所以就容易形成tab套tab再套tab的局面。那么作為導(dǎo)航塑身的第一步，我們要做的就是把這負(fù)責(zé)的結(jié)構(gòu)盡量簡化，讓導(dǎo)航變得輕盈起來，或者至少看起來不那么臃腫。

A． 通過面包屑來簡化導(dǎo)航結(jié)構(gòu)

面包屑通常水平地出現(xiàn)在頁面頂部，一般會位于標(biāo)題或頁頭的下方。它們提供給用戶返回之前任何一個頁面的鏈接（這些鏈接也是能到達(dá)當(dāng)前頁面的路徑），在層級架構(gòu)中通常是這個頁面的父級頁面。面包屑提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑。

一個門戶網(wǎng)站常見的結(jié)構(gòu)是首頁-頻道頁-專題頁-子專題-底層頁。如果我們想在門戶網(wǎng)站看NBA的視頻直播，那么我們來看下他的導(dǎo)航：

如果把信息層級全部展現(xiàn)在用戶面前，就會形成上面的這種tab套tab的形式，使得導(dǎo)航臃腫不堪，占據(jù)頁面很大的空間?？墒侨绻覀儼延脩絷P(guān)心的導(dǎo)航內(nèi)容提取出來，就會得到下面的結(jié)構(gòu)：

上回說到如何將情感因素融入到廣告創(chuàng)意中，在互聯(lián)網(wǎng)廣告制作時，多數(shù)的大牌企業(yè)會制定系統(tǒng)化的廣告宣傳策略，每個時期針對不同的產(chǎn)品推出不同形式內(nèi)容的廣告及品牌宣傳廣告。更多的互聯(lián)網(wǎng)廣告，比如各種尺寸的banner、矩形、條幅廣告等，多是由設(shè)計師快速的制作來完成的。那么如何快速的將情感因素融入到廣告創(chuàng)意中呢？

正文

      上一篇文章《廣告創(chuàng)意中的情感因素（一）》介紹了情感廣告相關(guān)的理論依據(jù)，情感的類型以及如何在廣告中融入情感因素。情感是廣告內(nèi)容的一個因素，可以借助不同的表現(xiàn)方式體現(xiàn)不同的情感訴求。

      創(chuàng)意廣告訴求的表現(xiàn)手法有很多種，如借喻、詼諧、夸張、比喻、擬人物、隱喻、對比等。結(jié)合廣告宣傳的品牌、產(chǎn)品或者服務(wù)的特征，選擇利用不同的表現(xiàn)手法表達(dá)蘊含在品牌或者產(chǎn)品中的情感，引起人們的共鳴。如運用對比手法的廣告，凸現(xiàn)己方的優(yōu)勢與特征，以取得消費者的信服。

      互聯(lián)網(wǎng)的廣告區(qū)別于傳統(tǒng)廣告，在更新速度上要快很多。除了一些企業(yè)長期的品牌宣傳外，很多是對產(chǎn)品、活動、促銷的宣傳，內(nèi)容會經(jīng)常變換。設(shè)計師在廣告設(shè)計中可能沒有時間完成情感廣告的創(chuàng)意流程，因此將上篇文章和這篇文章的內(nèi)容進(jìn)行整合和提取，從中挖掘出一些點，可以讓設(shè)計師快速的將情感因素融入到廣告創(chuàng)意中提供參考。