經常在電視上看到各種飲料的動感廣告，但作為多媒體推廣最重要的一環，飲料自身的官方主題網站設計必然是很有看頭的：動感激情或優雅寧靜，通過明艷的視覺和新鮮的交互將產品推銷給顧客。

更多飲料類網站欣賞：http://www.tuitetiyu.cn/web.html

SPACHO

Mizone

設計是一個漫長和痛苦的過程，期間可以用點技巧來減少痛苦，30+ tips to improve your iOS design workflow (in Photoshop)一文總結30個實用的技巧可以借鑒和學習。

————–以下為譯文——————-

在本文中我（英文原作者）總結了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意：文中所提到的快捷鍵針對于Windows；Mac 用戶可，Cmd對應Crtl鍵，Opt對應Alt鍵。

1.保持尺寸為偶數

你是首先針對Retina屏幕設計然后再對標準分辨率的進行縮小是吧？為了在標準分辨率下像素仍然保持完美的呈現，你需要保證大小和距離為偶數。具體的做法便是：基于2ps的網格設計。在編輯（Edit）〉首選項（Preference）〉參考線、網格和切片（Cuides,Grids&Slices）。更改網格線間隔（Gridline）和子網格（Subdivisions）來是使得網格間隔線為2px。例如：設置網格線間隔為64px，子網格為32。

百度貼吧是百度旗下的獨立品牌，是全球最大的中文社區，結合搜索引擎建立的一個在線交流平臺。貼吧是百度產品中訪問前三的產品，也是網絡營銷人員值得關注、執行的推廣渠道之一。做好百度貼吧推廣獲得的效果也是可想而知的，在貼吧發表軟文可以快速的被搜索引擎收錄，并獲得良好的排名。百度貼吧如何做好才可以獲得好的效果，下面周維與大家分享如何做百度貼吧推廣，本文純粹個人經驗分享，說得不當之處請各位指點。

如何做百度貼吧推廣

1、選擇相關性高的帖吧
做貼吧推廣之前要選擇合適的貼吧，不是什么吧都可以做推廣。相關性的推廣是很必須的，這也決定推廣的效果。比如你是做女裝的，你不可能找科技類的、餐飲行業的貼吧，女裝就得找女裝貼吧、有女性方面的帖吧。

2、確定標題的關鍵詞
推廣軟文的標題要自然的布入關鍵詞，根據SEO的原則將要優化的關鍵詞寫在標題中。推廣標題的關鍵詞可以被用戶在搜索引擎中搜索，有希望在搜索結果頁展示給客戶。如女裝可以考慮寫，秋季女裝如何搭配比較好？或者英語培訓，北京哪家英語培訓機構好？

一年以前，我（曹舒旻Kevin Cao）還在做各種Flash網站，而現在卻是擁有一間小工作室的iOS獨立開發者。從互動廣告行業轉型到移動互聯網，也許也是正在閱讀本文的你心中的一點小念頭。即便你仍然打算奮斗在互動廣告行業，對移動互聯網帶來的沖擊也不可能置身事外。

移動互聯網，正在真真切切的改變我們每一個人的生活，對你我正在從事的事業，都不能例外。那么，如何順勢而為，讓我們能夠在新的時代背景下游刃有余呢。

首 先你應當成為移動互聯網的應用達人：擁有一款移動設備，并成為重度用戶。你得比你的客戶或目標受眾更加了解這種新的媒介。你要學會觀察和分析這些移動設備 產品設計背后的精髓，包括但不局限于：用戶手持設備的使用習慣；屏幕尺寸限制對設計的影響；多點觸摸的操作方式；單窗口應用和多任務的設計方法等。此外還 有GPS定位，陀螺儀等特有硬件模塊的玩法。

然后你還應當看看Apple的人機交互設計指南，了解那些細節到有些龜毛的設計建議背后的理念。這也保證你在發想創意的時候不至于偏差得太過離譜。

此刻你一定已經有了一個不錯的想法（或者靠譜的Brief）。現在到了我們盡情發揮創意和設計才華的時刻。 流行如“下拉刷新”的操作可不是一開始就寫在設計指南里的，而是由與我們一樣的創作者想出來的絕妙創意。這絕對是重度用戶才能發想出來的直覺式設計的最佳范例。還有Instapaper客戶端的傾仰翻頁，以及前段時間非常流行的Clear式輕掃和捏合操作，也都代表了交互設計的頂尖水平。 雖然在這個領域不乏一些專業的UI設計公司，還有各種互聯網企業的UED正規軍。但是在如何把移動應用設計得有愛或有范的問題上，我們互動這行的設計師也不甘示弱。我們看看私密照片分享應用Path 2.0中 的創新折疊菜單。吸引了不少眼球吧。而我們拿它回過頭來對比閃客們N年以前就已經實現的各種動態菜單，其效果不也顯得黯然失色嗎。用戶在iOS應用上已經 看了好幾年標準界面的產物，難免開始產生審美疲勞。現在進入了重視用戶體驗的時代，互動從業者們在視覺表現和交互效果上的經驗積累在此是一大優勢。相比其 他行業的轉型者們，我們更容易創作出令人驚艷的作品。

@Gaoyoungor 每個網站有屬于自己的個性——它能反射出背后的個人或者團隊。如何做到讓自己的網站顯得與眾不同、卓爾不群，讓用戶流連忘返或者立馬下單？

為了讓你的網站脫穎而出，不僅需要有豐富的高質量內容，同時也要兼顧網站的創新性和功能性。從用戶的角度出發好好想一下，怎樣讓你的網站用戶體驗更友好？簡單的搜索功能是需要的，或者你也可以精心設計一下網站的導航。同時，要注意保持整個網站設計語言的一致性。在這個html5狂潮涌進的時代，誕生了很多優秀的網頁設計作品，他們都有卓越的導航設計，接下來整理的這些網站將喚起你關于導航的極限創意，快來親自體驗下吧！

Toybox

在需要的時候導航欄應該一直在那里，而當用戶想要專注于某個特定的任務時，導航欄則應該優雅的隱藏起來。比如說，在設計一個網上商店的出納頁面時，網站的導航應該可以隨時都易于使用，但同時也要注意突出像出納表單和按鈕控件之類的鮮明功能。Toybox的導航設計就恰好滿足了這些。

如下圖示，這個側邊導航給人的感覺就像是你在窺視頁面背后或者是掀開了一個玩具盒的蓋子看看里面到底有些什么。這個側邊導航非常方便使用，鼠標懸停在瀏覽器左側即可出現，主體部分即時出現的旋轉效果也很帶感，可以很好的引導用戶的注意力。將導航隱藏起來同時也實現了界面的簡潔，使網站的瀏覽體驗非常的愉悅，因為網站并沒有留下太多無用的信息去分散用戶的注意力。

至于其他你想知道的信息，比如說Toybox公司的主營業務和地址，可以在頂部的一個直接呈現的導航欄里找到。首頁的磁貼鼠標hover效果也非常的有趣，當鼠標懸停于某個項目的縮略圖時，其余的項目縮略圖都后退變暗并且產生景深的效果。

網頁設計目前已經很廣泛，每天都會有不同的新網站出來，但是很多網站布局排版實現太單調，看來了像是用模板一樣，就是文字內容不同，其它都差不多樣式。所以設計師們要盡量讓自己的網站看起來與眾不同，如何不同呢？可以從UI設計、配色、排版、布局等方面入手。

正好今天我們整理了20個獨特的基于網絡布局的網站，這些網站使用了柵格一樣的布局，有整齊的排列、有瀑布流布局式等等，希望這些網站能點燃你心中的想法，讓你設計的網站脫穎而出。

來看看這些彰顯個性的有趣網站：
《對抗潮流！那些大膽忽視設計趨勢的網站》

Jun Lu

MIJLO Essentials

正如大家看到的，現在許多人都使用手機訪問互聯網，所以這讓越來越多的公司去開發或重構新的web解決方案，因為他們認識到自己的項目有效的運行在各種移動設備上是多么的重要！現在市面上存在太多流行的移動設備了，網頁設計師們也不得不跟隨潮流適應技術發展和變化規律，這些小巧的用戶界面設計技能已經讓一小部分愿意改變自己的同學們嘗到了甜頭，有付出就有收獲！除了學到全新的技術，也有了踏實的收入，是的！薪水翻倍了！

創建移動設計模式是非常重要的一步，記住！這是為移動設備設計而不是web。不僅僅是移動屏幕遠小于普通的電腦屏幕，關鍵是鼠標和鍵盤已經被手指替代了！當然還有更重要的，說起來很苦逼，我們再也不能使用一種模式來通吃這些不同的移動平臺了，這可比兼容IE那一家子要苦難得多，畢竟還沒有很好的規范。不是嚇唬你，別以為只有那巴掌地大小，為移動端做設計并不是很容易。

這是一組精心收集的30+優質購物車PSD，這些精美的購物車PSD將會為您的設計提供了一點創意靈感。

如果你剛好在做這方面的設計，那可以先欣賞一組超贊的簡約時尚的電商網站設計，或者直接動手學習如何提升電子商務網站易用性，希望能讓你在設計上更加得心應手: ）

Cart Modal Popup

在2012年涌現了許多有視覺吸引和創造性的導航，她們不僅身段妙曼富有美感，而且傳承了整個網站的導航指引，讓瀏覽者輕松愉悅的訪問網站。她們會溫馨的提醒你在哪兒，還會體貼的帶你獲取到想要的東西。別等了，現在就去尋找你喜歡的導航下載它吧。

Elegant Ribbon Menu

3d block menu bar

個人微信賬號朋友圈成為香港代購、淘寶客等形式的推廣新戰場，在朋友圈推送的產品信息，轉化率非常高，在個人微信賬號吃螃蟹的人，多多少少都賺到了自己的一桶金。但是也有看到螃蟹，卻吃不著的，為什么呢？

看到了朋友圈推廣信息效果不錯，一天到晚就是不停的向朋友圈的好友推送信息。一次還好，二次就會讓人難受了。朋友在查看朋友圈好友信息時，從上到下都是廣告信息，還是來自一家，這個就會有用戶屏蔽你的信息或者取消關注。

筆者使用微信以來，經常有好友推送香港代購信息、品等信息，開始一兩天感覺沒有什么，第三天還在不停的發送，筆者就直接將該好友取消關注了。因為不管天天推送這些，他們不煩，我們這些好友看著煩啊！殺熟也要注意分寸嘛！向自己好友推送信息是沒有錯，好友也是你的潛在用戶，需要考慮用戶的感受，別光顧著自己。