m7cosmetics: 七月 2011

2011年7月29日星期五

30款超有創意的汽車廣告設計

http://www.inspirr.com

核心提示：什么叫創意？什么叫經典？廣告玩的是什么？玩的就是創意，看誰想的出，誰就是王者。當你看到這樣的汽車廣告的時候，你有何感想？估計除了經典，還是經典！這里非常感謝這些特別有創意的設計師，給大家帶來這么好的作品！

什么叫創意？什么叫經典？廣告玩的是什么？玩的就是創意，看誰想的出，誰就是王者。當你看到這樣的汽車廣告的時候，你有何感想？估計除了經典，還是經典！這里非常感謝這些特別有創意的設計師，給大家帶來這么好的作品！

筆者收集了30個國外汽車廣告設計非常不錯的作品，或許每個作品都是廣告設計者值得收藏的。也希望這些網站能給從事網頁廣告設計的朋友帶來些靈感，供大家學習之用。

創意作品來源一：adsoftheworld.com/

30個完美網頁設計案例

http://www.inspirr.com

核心提示：設計師最頭痛的就是在設計網頁時設有靈感，通常在沒有靈感的時候作者就會去看看其他同類網頁，必要的時候就會去模仿他們的風格，他們的細節。做設計其實就是模仿，仿多了也就有了自己的一套風格，您也就成了設計師。

設計師最頭痛的就是在設計網頁時設有靈感，通常在沒有靈感的時候作者就會去看看其他同類網頁，必要的時候就會去模仿他們的風格，他們的細節。做設計其實就是模仿，仿多了也就有了自己的一套風格，您也就成了設計師。在本篇文章中，作者為您展示了30個優美的網頁設計案例，您可以通過它們了解優秀的設計師是如何使用圖片、色彩以及色調搭配的。您可以作為參考，或許這可以給您帶來一些靈感。

Apollo

PageLines

Image Spark

HiFi

Visua Design

FoundationSix

30個漂亮的個人作品集單頁網站案例

http://www.inspirr.com

核心提示：對于網頁設計師和前端開發者來說，建立個人網站在線展示他們的作品非常重要，這能體現他們的專業性，給人留下深刻的印象。很多人的作品集網站會設計成單頁網站，在內容很少而需要追求創意的時候，單頁網站是很好的選擇。

對于網頁設計師和前端開發者來說，建立個人網站在線展示他們的作品非常重要，這能體現他們的專業性，給人留下深刻的印象。很多人的作品集網站會設計成單頁網站，在內容很少而需要追求創意的時候，單頁網站是很好的選擇。大家在制作單頁作品集網站的時候可參考本文收集的30個漂亮案例，一起欣賞。

1. Made By Mike

Made by Mike

2. Sara Tusar

Sara Tusar

3. Jarad Johnson

Jarad Johnson

4. Andrea Ihring

Andrea Ihring

5. Ray Cheung

Ray Cheung

30個來自美麗大自然的網站設計靈感

http://www.inspirr.com

核心提示：讓我們開始從美麗的大自然中獲取靈感，你準備好了嘛！讓我們一起享受以下30個來自大自然中的創意集合。

讓我們開始從美麗的大自然中獲取靈感，你準備好了嘛！讓我們一起享受以下30個來自大自然中的創意集合。

ryanscherf

inserviowebsolutions

redbrickhealth

foothillsfallfestival

89bytes

30佳靈感來自大自然的網頁設計作品欣賞

http://www.inspirr.com

核心提示：靈感是一種瞬間產生的富有創造性的突發思維狀態，使我們能創造更加美好和獨特的東西。對設計師來說，靈感來了意味著新的作品即將誕生。

靈感是一種瞬間產生的富有創造性的突發思維狀態，使我們能創造更加美好和獨特的東西。對設計師來說，靈感來了意味著新的作品即將誕生。要說最能觸及人的靈魂和藝術性的就是大自然了，它能刷新我們的思想，讓我們的心情平靜。這篇文章與大家分享30佳靈感來自大自然的網頁設計作品，希望能帶給你靈感。

ZILLU

zillu

DEAN MULLER

deanmuller

MOODS OF NORWAY

moodsofnorway

EPSMUNRO CHALLENGE

epsmunrochallenge

GPACHECO

gpacheco

2011年7月28日星期四

8個不同行業專家的社會化媒體營銷技巧

http://www.inspirr.com

核心提示：你是否還在為制造在社會化媒體上有創意的行為而絞盡腦汁呢？是否還在探索取得社會化媒體成功的一些戰略指引呢？下面是來自8個不同行業的專家整理出的社會化媒體營銷技巧，或許對你有些幫助。

你是否還在為制造在社會化媒體上有創意的行為而絞盡腦汁呢？是否還在探索取得社會化媒體成功的一些戰略指引呢？下面是來自8個不同行業的專家整理出的社會化媒體營銷技巧，或許對你有些幫助。

1.在facebook上舉辦直播活動

“如果想讓粉絲與你的互動有新意且有價值，周期性地舉辦一場線上交流會或者視頻電話會是個不錯的選擇”

Mari表示“Linqto就是一個非常好的平臺，基本在短短的幾十分鐘內，就有很多人與我們互動。”“Linqto不僅僅給演講者提供網絡攝像頭和mic，而且當參會者開始互動聊天時，畫面還會轉移到參會者。”

mari linqto webinar

在facebook fan page上舉行一場問答直播活動，也可以帶來很好的效果，你可以在你的粉絲中贏取更多的可見度。

2：幫助他人，不一定是名人的事才幫

erik qualman

“不要試圖去一個人單獨塑造個人品牌或者企業品牌，得學會去尋找幫助他人的機會，借此來贏取信任度。這樣的做法看起來只是短期效果，但是同樣可以取得長期作用。而且，這樣做的確很好。”Erik Qualman如此表示。

“比如在Twitter上轉發或者推薦別人的作品，或者博文的熱門評論。”

#3：不要過分關注營銷

“很多人對social media marketing往往是過分關注marketing，很多行為都是沖著營銷去的。”但是別忘了誰在主宰著社會化媒體？是那些對各個社交網絡都各有期待的人或者社區。他們肯定不希望看到各種營銷信息充斥著他們的屏幕”。《Twitter Marketing:An Hour a Day》的作者Hollis Thomases如此解釋到。

Hollis引用了INGDirect的LLBean和Ben&Jerry在Twitter上的交流來解釋自己上述觀點。

ingdirect tweet

llbean tweet

ben & jerry tweet

Hollis表示：“如果你想把社會化媒體方面的業務委托給一個人的話，那么問問自己，這個人真的明白你的品牌么？他知道你想展示的網絡形象是什么？”

4：調查你的客戶正在說什么

“不要在沉迷于其他企業的成功的營銷案例了，雖然可以從中得到一些靈感，但是我認為最好還是自己去弄明白機會在哪里。”

“每個行業都不同，客戶的需求也有差別。最好還是用Research.ly之類的工具去更深一步的了解和調查你的客戶和潛在客戶，了解他們正在說什么。尋找什么內容以及分享的東西。這是為自己找到一個有意義的營銷活動的必要一步。”《Engage： The Complete Guide to Building，Cultivating and Measuring Success in the Social Web》的作者Brian Solis在采訪時給出了這樣的建議。

researchly

5：線下聚會

Steve Garfield表示，“我來自Boston，我們與用戶組成了Boston Computer Society，每個月我們都會組織一場線下聚會，人們來參加，看看彼此需要什么幫助，也了解了解新產品。不過后來這些人開始都開始在線上尋求幫助解答，慢慢地，這個協會也開始解散，以為所有人都只在線上就可以找到別人的幫助。”

“而波士頓電腦協會忽視的最關鍵的事情就是不知道面對面聚會是多么的重要。這也是為什么我要組建Boston Media Makers協會，并且每個月舉行一次聚會。在這些聚會中，每參會人員都可以與協會中的其他人面對面交流。這就是秘密。”

boston media makers

“而且聚會開始就是要大家閑談。我們找了個圓桌，給每個人兩分鐘時間來介紹自己是誰，分享一些消息或者提一個問題。當然聚會也是以閑談結束的。不過最重要的就是聚會時免費的，每個月，不管怎樣，我們都在同一時間聚在一起，從未取消過，每個人都是受歡迎的。”

7種增加網站用戶體驗的JS腳本分頁代碼

http://www.inspirr.com

?', 'gi');
var chk = args.match;
this.page = RegExp.$1;
}
showPages.prototype.checkPages = function{ //進行當前頁數和總頁數的驗證
if )) this.page = 1;
if )) this.pageCount = 1;
if this.page = 1;
if this.pageCount = 1;
if this.page = this.pageCount;
this.page = parseInt;
this.pageCount = parseInt;
}
showPages.prototype.createHtml = function{ //生成html代碼
var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
if == 'undefined') mode = 0;
switch {
case 0 : //模式1
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
for {
if {
if {
strHtml '[' + i + ']';
} else {
strHtml '[' + i + ']';
}
}
}
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 1 : //模式1
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
if {
var startPage = this.page - 9;
} else {
var startPage = this.page - this.page % 10 + 1;
}
if strHtml '...';
for {
if break;
if {
strHtml '[' + i + ']';
} else {
strHtml '[' + i + ']';
}
}
if strHtml '...';
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 2 : //模式2
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
if strHtml '[1]';
if strHtml '...';
if {
var endPage = this.page + 2;
} else {
var endPage = this.pageCount;
}
for {
if {
if {
strHtml '[' + i + ']';
} else {
if {
strHtml '[' + i + ']';
}
}
}
}
if strHtml '...';
if strHtml '[' + this.pageCount + ']';
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 3 : //模式3
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '9';
strHtml '7';
} else {
strHtml '9';
strHtml '7';
}
if {
strHtml '8';
strHtml ':';
} else {
strHtml '8';
strHtml ':';
}
strHtml '
';
break;
case 4 : //模式4
if {
strHtml '';
for {
if chkSelect=' selected="selected"';
else chkSelect='';
strHtml '';
}
}
strHtml '';
break;
case 5 : //模式5
strHtml '';
if {
strHtml '';
strHtml '';
} else {
strHtml '';
strHtml '';
strHtml '';
strHtml '';
}
strHtml '';
break;
default :
strHtml = 'Javascript showPage Error: not find mode ' + mode;
break;
}
return strHtml;
}
showPages.prototype.createUrl = function { //生成頁面跳轉url
if )) page = 1;
if page = 1;
if page = this.pageCount;
var url = location.protocol + '//' + location.host + location.pathname;
var args = location.search;
var reg = new RegExp' + this.argName + '=[^&]*[&$]?', 'gi');
args = args.replace;
if {
args '?' + this.argName + '=' + page;
} else if == '?' || args.substr == '&') {
args this.argName + '=' + page;
} else {
args '&' + this.argName + '=' + page;
}
return url + args;
}
showPages.prototype.toPage = function{ //頁面跳轉
var turnTo = 1;
if == 'object') {
turnTo = page.options[page.selectedIndex].value;
} else {
turnTo = page;
}
self.location.href = this.createUrl;
}
showPages.prototype.printHtml = function{ //顯示html代碼
this.getPage;
this.checkPages;
this.showTimes 1;
document.write;
document.getElementById.innerHTML = this.createHtml;

}
showPages.prototype.formatInputPage = function{ //限定輸入頁數格式
var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
if var key = e.which;
else var key = event.keyCode;
if ) return true;
return false;
}
//-->

以上是定義，下面才是真正的調用。

截個圖來看看效果吧

當然這是原始的，沒定義過頁面字體的版本，在實際使用時，可以根據自己網站的主題通過CSS定義頁面的字體，邊距屬性，使它看起來更美觀，更適合你的網站。

7個知名B2C網站用戶體驗（UE）分析之首頁導航

http://www.inspirr.com

核心提示：上一篇分析了一個想購買MP3的網民的狀態，不管這個網民對于哪一個B2C網站情有獨鐘，他購物的第一步都是要從首頁的導航開始尋找目標，在這里分析7個B2C網站的首頁導航的用戶體驗設計，比較其中的區別，細細體會其中人性化功能。

上一篇分析了一個想購買MP3的網民的狀態，不管這個網民對于哪一個B2C網站情有獨鐘，他購物的第一步都是要從首頁的導航開始尋找目標，在這里分析7個B2C網站的首頁導航的用戶體驗設計，比較其中的區別，細細體會其中人性化功能。

一、易迅網

易迅網，2006年成立，網絡口碑推廣做得很好，快速擠進了前端的電器產品B2C網站第一陣列。

7個知名B2C網站用戶體驗分析之首頁導航

易迅網的產品導航我個人非常不喜歡，它使用的是三級產品分類，所以不夠直觀，客戶需要自己思考MP3屬于哪一類的產品，我幾乎是一個一個子分類在找，并且由于格局布置太寬，視焦在“二級分類”上，必須移動視線到旁邊的“三級分類上”，我一直都認為視焦范圍不要差距過寬，讓瀏覽者的眼球移動頻率過大，這樣容易引起瀏覽者煩躁。

評分：1分

二、庫巴購物網

庫巴購物網嚴格說來也是2006年成立，前身是世紀電器網，國美電器2010年11月宣布收購庫巴購物網，國美電器全國實體門店逾10萬種家電產品將全部進入庫巴購物網銷售目錄；國美的渠道和售后資源也會與庫巴做分享，尤其是國美遍布國內的300家物流中心將會為庫巴提供更強的物流配送支持。因此庫巴購物網擠進了前端的電器產品B2C網站第二陣列。

庫巴購物網的產品導航非常有特色，當有一個明星示范在前，差不多所有的B2C網站的導航都在頁面的左邊時，我差點找不到庫巴購物網的導航，沒有方向。但，這點不是缺點，這樣豎著的窄列顯示非常好的聚焦了瀏覽者的視點，讓人感覺非常舒服。唯一可惜就是導航字小了點，不太醒目，扣0.5分

評分：4.5分

三、蘇寧易購

蘇寧易購成立時間較晚，2009年8月18日成立，但一直到 2010年1月25日，蘇寧電器才宣布，公司的B2C網購平臺“蘇寧易購”將于2月1日正式上線，蘇寧電器也由此正式出手電子商務B2C領域。由于蘇寧的品牌效應，蘇寧易購勉強擠進了前端的電器產品B2C網站第二陣列。

7個知名B2C網站用戶體驗分析之首頁導航

蘇寧易購的產品導航與明星示范非常相似，并由于它是唯一一家將MP3和MP4分開的網站，所以首頁導航給我的感覺非常好。

評分：5分

四、中國新蛋

美國新蛋網在2001年建議，總部在美國加州，中國新蛋網大概成立時間在2009年，我不是清楚，但域名注冊時間很早，2000-12-21。新蛋網由于垮國公司及先進的B2C理論，一上來就直接進入電器產品B2C網站第一陣列。

7個知名B2C網站用戶體驗分析之首頁導航

新蛋的導航采用的也是最常見的格式，類別隔行用不同顏色顯示，顯得條理很清楚，三級分類文字之間距離合適，能讓用戶清楚分辨。但個人感覺，知名品牌顯示過多，并以英文為主，國人對中文的敏感度高于中文，請比較“蘇寧易購”與“當當”，不過，這點純屬個人感覺，并不強制。原來基本會給新蛋5分，因為首頁導航設計沒有問題，但因為新蛋是老牌子，有非常強的技術團隊，所以扣1分，理由是“知名品牌”下的“促銷活動”，不僅字體顏色非常難看，刺目，并且字體這么小，不知道是給誰看的，難道是認為客戶瀏覽他網站時，會一行一行逐句逐字讀，這點易迅網就做得很好。

評分：4分

7個知名B2C網站用戶體驗（UE）分析之產品列表頁

http://www.inspirr.com

核心提示：如果說首頁是一個入口，產品頁就是柜臺，不論入口如何美麗，如何大打價格戰，柜臺才是最終消費成交的終端。繼上次分析了7個B2C網站的首頁導航的用戶體驗設計，現在繼續分析他們產品頁的UED。

如果說首頁是一個入口，產品頁就是柜臺，不論入口如何美麗，如何大打價格戰，柜臺才是最終消費成交的終端。繼上次分析了7個B2C網站的首頁導航的用戶體驗設計，現在繼續分析他們產品頁的UED。

一、庫巴

庫巴的產品列表頁采用的是比較傳統的左邊是產品導航，右邊上半部是三級分類的產品篩選條件。產品列表默認以銷量排序，櫥窗顯示，頁面簡潔明了。

知名B2C網站用戶體驗分析之產品列表頁

●　篩選

庫巴對MP3/MP4產品的篩選條件并不多，但基本可以滿足需求，并當前篩選條件以高亮顯示，非常清楚醒目，操作方便，但它的聯動性非常差。

1、品牌旁邊沒有顯示此產品的個數，很多品牌點進去，顯示“抱歉，沒有找到符合條件的商品！”

2、品牌選擇后，價格沒有變化，如選擇“APPLE”，價格也是從100元以下開始區分，點擊“601-1000元” 顯示“抱歉，沒有找到符合條件的商品！”

●　比較

知名B2C網站用戶體驗分析之產品列表頁

產品列表頁有比較功能，但按了對比后，產品顯示沒有改變，需要觀察仔細才能在瀏覽器的最左邊找到一個商品比較浮動層。功能使用很好，只是需要客戶動腦尋找。

●　其他

1、庫巴使用的靜態域名很奇怪，非常長，如下

MP3/MP4：http://www.coo8.com/shop/list_10001_485_0_0_0_0_0_0_0_0_0_0_0_0_0.htm

相機/數碼：http://www.coo8.com/shop/index_10001_110.html

三級分類域名長可以理解，要保留篩選條件，但二級分類域名也非常長，讓人匪夷所思。

2、庫巴的TITLE設置似乎只設置到了二級分類，如下。

相機|數碼商城—數碼相機數碼攝像機單反相機數碼配件 Ipad Ipad配件【產品圖片參數報價排行評價】買相機|數碼設備_庫巴購物

以上域名和TITLE的問題，我并不是從SEO角度說設置不好，呵呵，這篇寫的是UED，我在收藏此頁面和從歷史記錄中尋找我昨天看過的產品頁時，這兩處嚴重妨礙了我的判斷。

評分：2分

注：分數低的原因主要是庫巴的MP3/MP4產品過少，連三星都沒有，不要說知名品牌艾利和了，就此，庫巴已經從我此次購買列表對象中淘汰。

二、易迅

易迅的產品列表頁與庫巴不同，更為精細，左邊仍是產品導航，但只顯示了相關的導航分類，而不是將其他三級分類全顯示，更為簡潔。右邊上半部仍是三級分類的產品篩選條件。產品列表用櫥窗顯示，默認排序不知。個人感覺“”做工非常粗糙，顏色失真嚴重影響圖片質量，行內有句話“顯性內容決定產品氣質”，易迅的產品列表頁給我的氣質感覺非常差。

●　篩選

易迅對MP3/MP4產品的篩選條件那叫一個多，基本是目前看到現在，篩選條件最多的，有些已經讓人不能理解的的分類，如“導航型”。易迅的當前篩選條件也是以高亮顯示，非常清楚醒目，操作方便，并品牌以中文英文兩種形式顯示，比較全面，但不知道它是按什么排序顯示BRAND的，找自己要的BRAND并不容易。同樣它也沒有聯動性。

其中，我最不能理解的是，類型中的“連接線”、“充電器”，這些篩選條件是什么？是放錯分類了，還是贈品，肯定不是產品，因為有MP3附件這個分類，其中產品很多。

●　比較