優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷(xiāo)售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶界面的方法，希望對(duì)大家有所幫助。

文原作者加拿大UI設(shè)計(jì)師Jakub Linowski

單欄型式優(yōu)于多欄

單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣呵成，用故事引導(dǎo)讀者，最終是要誘引他們「采取行動(dòng)」(call to action，下稱(chēng)CTA，意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

不要劈頭銷(xiāo)售產(chǎn)品

「略施小惠」給使用者，販賣(mài)的意圖不要設(shè)計(jì)得太明顯。小小的優(yōu)惠或禮物，對(duì)未來(lái)的銷(xiāo)售會(huì)帶來(lái)大大的幫助。

統(tǒng)一相似的功能，避免支離破碎的UI

瀏覽網(wǎng)站時(shí)，我們很?？吹搅宅槤M目的元素或特色，但它們的功能毫無(wú)二致，而相似的選項(xiàng)太多，只會(huì)提高讓使用者無(wú)所適從。倘若發(fā)現(xiàn)自己的網(wǎng)站內(nèi)有以不同 型式重復(fù)相同功能的狀況，不妨考慮重新設(shè)計(jì)UI，把類(lèi)似功能整合起來(lái)。譬如圖中「Customer Service(客服)」、「Contact Us(聯(lián)系我們)」其實(shí)是一樣的意思，應(yīng)當(dāng)保留一個(gè)選項(xiàng)就好。

如果您想學(xué)習(xí)設(shè)計(jì)logo，或者您已經(jīng)在設(shè)計(jì)了，那么不妨來(lái)好好看看我們這篇文章，絕對(duì)讓您受益匪淺。
本文揭示了Logo設(shè)計(jì)技藝中的一切奧秘！從靈感獲取再到細(xì)節(jié)處理。徹頭徹尾改變您對(duì)logo設(shè)計(jì)的認(rèn)知。

Logo無(wú)處不在，Logo能夠起到品牌宣傳、獲取消費(fèi)者認(rèn)知的作用。Logo的核心意義是，通過(guò)簡(jiǎn)明扼要的品牌形象設(shè)計(jì)，勾勒出品牌的核心精神，讓用戶將Logo與企業(yè)完美的聯(lián)系到一塊。

Logo和品牌的關(guān)系是相輔相成的，好的Logo能夠有效的支持產(chǎn)品和企業(yè)形象，而好的企業(yè)形象能讓Logo更加深入人心。

時(shí)代一直在變，Logo設(shè)計(jì)出現(xiàn)了風(fēng)格多樣、種類(lèi)繁多的大局面，挑戰(zhàn)也與以往不同了。
設(shè)計(jì)師該要如何打造優(yōu)異的原創(chuàng)Logo作品？設(shè)計(jì)師要如何在快速創(chuàng)作的同時(shí)保證Logo的質(zhì)量？

本文，將致力于講解Logo設(shè)計(jì)中的基本原則和專(zhuān)業(yè)性建議，耐心讀完本文，你的Logo設(shè)計(jì)將會(huì)有質(zhì)的飛躍。

準(zhǔn)備工作

01. 研究用戶

好的Logo設(shè)計(jì)不光意味著圖像優(yōu)美——還必須起到品牌傳達(dá)的作用。

Logo設(shè)計(jì)，視覺(jué)是第一點(diǎn)。還要注意的是，要思考如何通過(guò)視覺(jué)元素來(lái)宣傳推廣品牌形象。因此，Logo設(shè)計(jì)的第一步就是要研究面向群體，研究他們是如何看待品牌的，研究他們對(duì)什么感興趣。

越早研究用戶越好，這樣就能避免出現(xiàn)根本問(wèn)題，而且信息傳遞務(wù)求簡(jiǎn)潔、清晰、到位。

淘寶店推廣的技巧有很多，如QQ群、論壇、博客、軟文等網(wǎng)絡(luò)推廣方法，小維與大家詳細(xì)說(shuō)一下郵件營(yíng)銷(xiāo)如何操作和需要注意事項(xiàng)。

郵件營(yíng)銷(xiāo)操作主要是三個(gè)步驟：

第一步：郵件地址
郵件地址是一次營(yíng)銷(xiāo)活動(dòng)中最重要的環(huán)節(jié)，地址的好壞能夠決定一次營(yíng)銷(xiāo)的效果。在此小維建議大家收集基于客戶許可的郵件地址，不要在網(wǎng)上收集、購(gòu)買(mǎi)、隨機(jī)生成的郵箱來(lái)發(fā)送。

第二步：郵件內(nèi)容
郵件內(nèi)容的設(shè)計(jì)效果是否吸引客戶這是很關(guān)注，讓客戶咨詢(xún)下單，內(nèi)容的設(shè)計(jì)、信息是否能打動(dòng)他。建議內(nèi)容最好是圖文并茂的，不要是單獨(dú)一個(gè)圖片。

第三步：郵件投遞
建議使用專(zhuān)業(yè)的郵件投遞平臺(tái)，如EasyEDM郵件營(yíng)銷(xiāo)等平臺(tái)。不要途便宜去找免費(fèi)的軟件，或效果不好的軟件來(lái)投遞郵件。

郵件營(yíng)銷(xiāo)是網(wǎng)店推廣中見(jiàn)效最快的推廣方法，我們?cè)谕哆f郵件時(shí)應(yīng)該注意郵件的發(fā)送數(shù)量，發(fā)送次數(shù)。發(fā)送過(guò)多給客戶，客戶會(huì)對(duì)你的郵件或產(chǎn)品反感。但是量也不能太多，否則起不到效果。那么怎樣才能看出郵件營(yíng)銷(xiāo)的效果呢？

1、郵件到達(dá)率
郵件的到達(dá)率是反映本次營(yíng)銷(xiāo)效果的第一指標(biāo)。郵于郵件過(guò)度投遞，導(dǎo)致服務(wù)器對(duì)郵件的過(guò)濾越來(lái)越嚴(yán)格，有些郵件經(jīng)常被視為垃圾郵件。郵件無(wú)法送達(dá)，也是網(wǎng)店流失潛在客戶因素之一。可以從兩個(gè)方面提高到達(dá)率：第一、讓聯(lián)系人將你的發(fā)件郵箱加入到通訊簿中；第二、研究什么樣的郵件信息容易觸犯垃圾郵件的策略，盡量避免這類(lèi)的郵件。另外有關(guān)系的話可以讓郵件服務(wù)商把你的郵箱列為白名單。

2、郵件打開(kāi)率
郵件的打開(kāi)率可以看出郵件營(yíng)銷(xiāo)的效果第二指標(biāo)?？蛻粢话銓?duì)自己比較信任的站點(diǎn)，感覺(jué)興趣的品牌/產(chǎn)品的郵件打開(kāi)率比較高，所以要將打開(kāi)率的客戶郵箱單獨(dú)歸類(lèi)到一個(gè)新的列表，這是建立良好的客戶關(guān)系。郵件營(yíng)銷(xiāo)前期要試探性的了解客戶的意向，不要一謂的亂發(fā)，這樣可能會(huì)適得其反。對(duì)于網(wǎng)店來(lái)說(shuō)，對(duì)老客戶進(jìn)行郵件營(yíng)銷(xiāo)是非常有效的。店長(zhǎng)可以給老客戶建立一個(gè)列表，最好是能根據(jù)購(gòu)物習(xí)慣對(duì)客戶進(jìn)行分類(lèi)，不定期的發(fā)送店鋪的促銷(xiāo)郵件，郵件的打開(kāi)率會(huì)大大提高，也更好的促進(jìn)老客戶二次消費(fèi)。

3、郵件點(diǎn)擊率
郵件的點(diǎn)擊率是衡量營(yíng)銷(xiāo)效果的第三指標(biāo)。點(diǎn)擊率不是打開(kāi)郵件，而是打開(kāi)郵件點(diǎn)擊郵件中的鏈接，這也是能夠了解客戶對(duì)哪塊內(nèi)容感興趣的。也是客戶通過(guò)點(diǎn)擊鏈接到達(dá)你的店鋪，從而產(chǎn)生訂單的。

最好的郵件營(yíng)銷(xiāo)的方式是許可式郵件營(yíng)銷(xiāo)，而不是拿著地址就群發(fā)的。想了解更多的郵件營(yíng)銷(xiāo)方法請(qǐng)?jiān)L問(wèn)EasyEDM郵件營(yíng)銷(xiāo)網(wǎng)站。

如果你正在給自己的網(wǎng)站尋找靈感，來(lái)看看這些設(shè)計(jì)機(jī)構(gòu)網(wǎng)站是一個(gè)好的選擇。為了今天的靈感分享我們搜集了一些令人興奮的設(shè)計(jì)機(jī)構(gòu)網(wǎng)站，希望大家可以從他們身上學(xué)到一些東西。
在大家瀏覽這些頁(yè)面的時(shí)候，可以重點(diǎn)關(guān)注一下各個(gè)機(jī)構(gòu)/設(shè)計(jì)師是通過(guò)什么方式來(lái)把自己的設(shè)計(jì)風(fēng)格帶到頁(yè)面中的。

pixies-agency

stereocreative

parall

使用不同的2個(gè)或3個(gè)色系，進(jìn)行相互搭配，從而產(chǎn)生不同的設(shè)計(jì)效果，或沖突或和諧。這是一種前衛(wèi)又時(shí)尚的網(wǎng)頁(yè)色彩流行趨勢(shì)，收集了15個(gè)相關(guān)的作品，分享給優(yōu)設(shè)的童鞋們 : ）

如果您想盡快學(xué)會(huì)配色請(qǐng)移步這篇人氣超高的文章：設(shè)計(jì)師的配色理論：你真懂顏色了嗎？

Uidigital

Decode

“人生太孤單，要找個(gè)有趣的人一起過(guò)”——王小波

相信大家肯定都喜歡幽默風(fēng)趣的設(shè)計(jì)。
當(dāng)流行的扁平化設(shè)計(jì)遇到幽默元素，會(huì)摩擦住怎樣的火花呢？

幽默的魅力是無(wú)窮盡的，它即能夠讓用戶感到有趣，又能夠迅速的吸引用戶的注意。
如果想為網(wǎng)站添加幽默元素，可以有很多種方式，例如：

• 搞笑的錯(cuò)誤頁(yè)面（Team Treehouse）
• 搞笑的Logo(Pixo Creative)
• 卡通式的布局
• 搞怪的背景圖像
• 可愛(ài)的圖片
• 讓人爆笑的視覺(jué)元素

一旦你做到了有趣，用戶自然就會(huì)對(duì)你的網(wǎng)站側(cè)目。
我們一起來(lái)看看下面這些吸引眼球的幽默案例吧！

相關(guān)推薦：
《激活你的設(shè)計(jì)創(chuàng)意！不容錯(cuò)過(guò)的55個(gè)創(chuàng)意驚人的網(wǎng)站》
《想設(shè)計(jì)自己的網(wǎng)站？先來(lái)看這15個(gè)優(yōu)秀設(shè)計(jì)師的酷站》

電子郵件營(yíng)銷(xiāo)活動(dòng)整合到社交網(wǎng)絡(luò)，如何做到這一點(diǎn)呢？其在戰(zhàn)略層面上來(lái)講知之甚少。在這篇文章中，EasyEDM郵件營(yíng)銷(xiāo)給您分享如何實(shí)現(xiàn)郵件營(yíng)銷(xiāo)與社交媒體的最佳策略。

電子郵件營(yíng)銷(xiāo)活動(dòng)的“社交”有很多種方法，在戰(zhàn)略營(yíng)銷(xiāo)方面可以談策略推廣（指那些有意向的尋找我們內(nèi)容的客戶），拉動(dòng)戰(zhàn)略，其目標(biāo)是到達(dá)電子郵件營(yíng)銷(xiāo)活動(dòng)，并增長(zhǎng)客戶列表。

社會(huì)戰(zhàn)略電子郵件營(yíng)銷(xiāo)推廣

社交按鈕

在您的E-mail中突出社交媒體按鈕，主要社交網(wǎng)絡(luò)有：新浪微博、騰訊微博、搜狐微博等，鼓勵(lì)客戶通過(guò)他們的分享渠道分享您的郵件活動(dòng)。

嘗試增加一個(gè)呼叫他們的行動(dòng)按鈕，邀請(qǐng)他們?cè)诰W(wǎng)絡(luò)上分享您的內(nèi)容。您也可以策劃競(jìng)賽的活動(dòng)，條件是參與分享您的活動(dòng)，以提高您的病毒式傳播。

社會(huì)連接

郵件活動(dòng)最大化的覆蓋范圍，使您的在線社區(qū)粉絲收到您通過(guò)社交系統(tǒng)新浪微博、騰訊微博、搜狐微博等分享的活動(dòng)。

拉動(dòng)社會(huì)戰(zhàn)略電子郵件營(yíng)銷(xiāo)

分享一個(gè)鏈接到您的表單

充分利用社會(huì)化媒體拓展客戶列表。發(fā)送新浪微博、騰訊微博、搜狐微博等分享渠道邀請(qǐng)您的粉絲訂閱到您的客戶列表中。

需要發(fā)送國(guó)外郵件的客戶，盡量做好下面的設(shè)置。

通過(guò)Facebook訂閱

在Facebook上，可以制作一個(gè)頁(yè)面，包括一份訂閱表單競(jìng)選的電子郵件營(yíng)銷(xiāo)。千萬(wàn)不要錯(cuò)過(guò)這樣一個(gè)機(jī)會(huì)，鼓勵(lì)你的粉絲，成為你的客戶。

其他重要問(wèn)題

通過(guò)將我們的電子郵件營(yíng)銷(xiāo)活動(dòng)病毒式的社交網(wǎng)絡(luò)力量，將最大限度地提高投資回報(bào)率（ROI）。但是為了成功是必要的，不可忽視某些戰(zhàn)略方面。

內(nèi)容

內(nèi)容是否有價(jià)值，這決定您的粉絲將內(nèi)容分享到社交媒體上。
如何整合不同的溝通渠道，以避免重復(fù)和飽和您的粉絲？

Arrietty：當(dāng)我們建立網(wǎng)站的時(shí)候，我們一般從定義正文開(kāi)始。正文的定義顯示了你的主欄有多寬，其它幾欄的大小就隨它自己內(nèi)容定義了。直到最近，各種屏幕分辨率或多或少是同質(zhì)化的。如今，我們要處理各種屏幕尺寸和分辨率。這讓處理變得更復(fù)雜。

在重整旗鼓的熱情中，我寫(xiě)了一篇關(guān)于響應(yīng)式排版的博客，這篇文章主要專(zhuān)注于我們最近的實(shí)驗(yàn)：響應(yīng)式字體。如果不知道IA的歷史，你可能會(huì)錯(cuò)過(guò)我們新啟動(dòng)的網(wǎng)站中的響應(yīng)式排版和設(shè)計(jì)的一些關(guān)鍵點(diǎn)。我決定從頭做起，一步一步解釋響應(yīng)式排版，而不是整理所有文章。以下是第一步。

為了防止給每個(gè)可能的屏幕尺寸做不同的層級(jí)設(shè)計(jì)，很多網(wǎng)頁(yè)設(shè)計(jì)師會(huì)采用響應(yīng)式網(wǎng)站的概念。一言以蔽之，這是一種網(wǎng)頁(yè)布局會(huì)自動(dòng)適應(yīng)屏幕尺寸的概念。有很多種方法可以定義這種概念。我喜歡用這種方法：

適應(yīng)性布局：按步驟調(diào)整布局適應(yīng)有限數(shù)量的屏幕尺寸。流體性布局：不斷地調(diào)整布局以適應(yīng)每一種可能的寬度。兩種方式都有優(yōu)勢(shì)和劣勢(shì)，我們相信布局適應(yīng)于很少的合理變化位置是我們要采用的方法，因?yàn)榭勺x性比布局寬度隨時(shí)和窗口一樣寬來(lái)得重要。這是不是一個(gè)復(fù)雜的問(wèn)題它本身就值得商榷，但是最優(yōu)的可讀性需要在文字尺寸上一定數(shù)量的控制（欄寬），就此看來(lái)，流體式布局會(huì)產(chǎn)生更多問(wèn)題。

@騰訊ecd 星舊：作為未來(lái)網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì)之一的“滾動(dòng)視差”在近年來(lái)被越來(lái)越多網(wǎng)站所采用，特殊新穎的展示模式也讓許多用戶眼前一亮。網(wǎng)絡(luò)上也如雨后春筍一般出 現(xiàn)了很多像《30個(gè)讓人興奮的視差滾動(dòng)網(wǎng)站》、《60個(gè)視差滾動(dòng)網(wǎng)站賞析》……等一系列的視差滾動(dòng)的文章，不過(guò)賞析的居多，真正指導(dǎo)設(shè)計(jì)師如何去設(shè)計(jì)，如 何去實(shí)現(xiàn)的實(shí)用型文章卻很少。于是萌發(fā)了自己寫(xiě)一篇的想法，與感興趣的人共同交流下滾動(dòng)視察設(shè)計(jì)時(shí)的一些心得。

什么是滾動(dòng)視差？
視差滾動(dòng)（Parallax Scrolling）是指讓多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，帶來(lái)非常出色的視覺(jué)體驗(yàn)。

視差效果，原本是一個(gè)天文學(xué)術(shù)語(yǔ)，當(dāng)我們觀察星空時(shí)，離我們遠(yuǎn)的星星移動(dòng)速度較慢，離我們近的星星移動(dòng)速度則較快。當(dāng)我們坐在車(chē)上向車(chē)窗外 看時(shí)，也會(huì)有這樣的感覺(jué)，遠(yuǎn)處的群山似乎沒(méi)有在動(dòng)，而近處的稻田卻在飛速掠過(guò)。許多游戲中都使用視差效果來(lái)增加場(chǎng)景的立體感。說(shuō)的簡(jiǎn)單點(diǎn)就是網(wǎng)頁(yè)內(nèi)的元素 在滾動(dòng)屏幕時(shí)發(fā)生的位置的變化，然而各個(gè)不同的元素位置變化的速度不同，導(dǎo)致網(wǎng)頁(yè)內(nèi)的元素有層次錯(cuò)落的錯(cuò)覺(jué)，這和我們?nèi)梭w的眼球效果很像。我看到多家產(chǎn)品 商用視差滾動(dòng)效果來(lái)展示產(chǎn)品，從不同的空間角度和用戶體驗(yàn)，起到了非常不錯(cuò)的效果。

看似復(fù)雜其實(shí)這個(gè)早就不是什么新鮮事兒，這種設(shè)計(jì)思路早在80年代的小霸王學(xué)習(xí)機(jī)上就見(jiàn)過(guò)。

在這個(gè)畫(huà)面里通過(guò)人物馬里奧、前景、背景著三個(gè)部分的移動(dòng)速率的不同來(lái)實(shí)現(xiàn)立體效果。類(lèi)比網(wǎng)頁(yè)也是如此。一個(gè)滾動(dòng)視察的網(wǎng)站至少會(huì)有以下幾層 ：背景層，內(nèi)容層，貼圖層。

本文總結(jié)了最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域比較熱門(mén)的幾種技術(shù)，代表了一定的趨勢(shì)，設(shè)計(jì)師們要跟市場(chǎng)接軌，緊跟潮流的腳步，可以閱讀這篇總結(jié)，肯定大有裨益。

騰訊cdc：技術(shù)的革新帶動(dòng)了設(shè)計(jì)行業(yè)的的迅猛發(fā)展，這使得設(shè)計(jì)師和開(kāi)發(fā)者有了更廣闊的的探索天地。而網(wǎng)頁(yè)設(shè)計(jì)也越發(fā)不再那么循規(guī)蹈矩，許多團(tuán)隊(duì)和公司都做了很多思考和創(chuàng)意。所以在我們適應(yīng)著現(xiàn)代設(shè)計(jì)潮流的同時(shí)，不妨也來(lái)看看現(xiàn)階段網(wǎng)頁(yè)設(shè)計(jì)大致的趨勢(shì)和風(fēng)格吧。

我不敢大言不慚的說(shuō)這就是網(wǎng)頁(yè)設(shè)計(jì)的必然趨勢(shì)，這只是本人對(duì)當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)做出的一些小總結(jié)。希望這樣的歸類(lèi)總結(jié)能給你帶來(lái)更多的思路和想法。

01. 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（Responsive Web Design）

現(xiàn)在越來(lái)越多用戶都擁有多種終端：臺(tái)式機(jī)，筆記本，平板電腦，手機(jī)，能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁(yè)是現(xiàn)在的潮流，甚至是未來(lái)很長(zhǎng)一段時(shí)間的設(shè)計(jì)趨勢(shì)。那么響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是來(lái)解決這個(gè)問(wèn)題的。這種特別的開(kāi)發(fā)方式能保證網(wǎng)頁(yè)適應(yīng)不同的分辨率，讓網(wǎng)頁(yè)要素重組，使其無(wú)論在垂直的平板電腦還是智能手機(jī)上，都能達(dá)到最好的視覺(jué)效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機(jī)屏幕都在不斷變大，而在對(duì)未來(lái)生活的預(yù)測(cè)、概念設(shè)計(jì)里，”屏幕”這個(gè)產(chǎn)物更是被運(yùn)用到多種新平臺(tái)上。例如微軟發(fā)布的”未來(lái)生活概念視頻”里，廚房、室內(nèi)墻壁、辦公室玻璃墻面都成為了交互平臺(tái)。所以我們可以發(fā)現(xiàn)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)所具備的良好的適應(yīng)性和可塑性，在未來(lái)的網(wǎng)頁(yè)設(shè)計(jì)里將占有舉足輕重的位置。