藍(lán)藍(lán)寫

分享廣告設(shè)計(jì)圈線下活動(dòng)專題好網(wǎng)站：第九課堂http://www.dijiuke.com/。

挺好！周六日及空余時(shí)間可以多學(xué)學(xué)、看看！

根據(jù)DailyTech的統(tǒng)計(jì)，到2015年，移動(dòng)互聯(lián)網(wǎng)的用戶數(shù)量將會(huì)超過桌面用戶。除了智能手機(jī)之外，使用平板電腦甚至是電視機(jī)進(jìn)行上網(wǎng)的用戶也在持續(xù)增加。在這種形勢(shì)下，怎樣讓我們的網(wǎng)站盡量兼容各種類型的設(shè)備，并確保優(yōu)良的用戶體驗(yàn)，這將是越來越重要的問題。

通過響應(yīng)式的設(shè)計(jì)開發(fā)方式，我們可以使網(wǎng)站頁面隨瀏覽設(shè)備的不同而自行響應(yīng)，動(dòng)態(tài)的調(diào)整布局結(jié)構(gòu)、元素規(guī)格樣式，將相同的內(nèi)容以不同的格式呈現(xiàn)給不同設(shè)備的用戶。

如果你對(duì)響應(yīng)式Web設(shè)計(jì)還不大了解，可以先參考閱讀我們之前的關(guān)于響應(yīng)式設(shè)計(jì)的概念、組成要素及基本實(shí)現(xiàn)思路 方面的文章，全方位預(yù)熱一下。

什么情況下適宜采用響應(yīng)式Web設(shè)計(jì)的方式

當(dāng)客戶提出產(chǎn)品功能移動(dòng)化的需求時(shí)，有一些解決方案可供我們選擇，包括原生客戶端應(yīng)用、Web應(yīng)用等；究竟怎樣的方式更合適，還是取決于具體的需求情況。另外也要考慮網(wǎng)站本身是否需要實(shí)施移動(dòng)化。雖然響應(yīng)式站點(diǎn)并不能算是一種純粹的移動(dòng)化解決方案，但是，在某些情況下，這種方式是非常值得考慮的。

你心里沒譜

設(shè)計(jì)開發(fā)一個(gè)全新的移動(dòng)版本站點(diǎn)或是客戶端應(yīng)用，整個(gè)過程是有很大挑戰(zhàn)性的。除非產(chǎn)品正式上線，否則你無法真正了解它是否會(huì)成功。與其單純的為了移動(dòng)化而花費(fèi)資源打造移動(dòng)版本站點(diǎn)或是開發(fā)客戶端應(yīng)用，不如先花些心思將原本的網(wǎng)站打造的更具彈性，使其在各種主流移動(dòng)設(shè)備中都擁有盡量優(yōu)秀的用戶體驗(yàn)。

你想節(jié)約成本

要打造響應(yīng)式站點(diǎn)，自然離不開有經(jīng)驗(yàn)的交互、視覺設(shè)計(jì)及前端開發(fā)人員。所需的資源，尤其是時(shí)間方面，比起普通網(wǎng)站來說大約增加20%到30%的樣子；但比起單獨(dú)打造移動(dòng)版本的網(wǎng)站，或是設(shè)計(jì)開發(fā)客戶端應(yīng)用的成本來說，卻要低很多。從維護(hù)的角度來說，也會(huì)輕松很多。

你希望網(wǎng)站可以兼容未來的新設(shè)備

所謂的移動(dòng)版本站點(diǎn)，通常是針對(duì)某類具體規(guī)格的設(shè)備進(jìn)行單獨(dú)打造的，彈性比較差。新的移動(dòng)設(shè)備層出不窮，傳統(tǒng)的移動(dòng)版本站點(diǎn)需要不斷的進(jìn)行更新維護(hù)，才能盡量保證在新設(shè)備中工作良好。響應(yīng)式設(shè)計(jì)可以根據(jù)設(shè)備瀏覽環(huán)境的具體規(guī)格進(jìn)行判斷，使用不同的呈現(xiàn)方式來展示內(nèi)容，無需針對(duì)某種特定的規(guī)格進(jìn)行維護(hù)，適應(yīng)性更好。

無論是用于注冊(cè)、支付還是聯(lián)絡(luò)，我們總是需要通過表單來獲取用戶的信息。不幸的是，在現(xiàn)實(shí)當(dāng)中，總會(huì)有很多訪問者一見到表單就會(huì)立刻點(diǎn)擊瀏覽器上的后退按鈕。這里面原因有很多，例如表單篇幅太長、不大友好、不那么值得信任，或是用戶還沒真正準(zhǔn)備好進(jìn)行交易等等。

這種情況每發(fā)生一次，我們就失掉了一個(gè)潛在用戶。怎樣將表單設(shè)計(jì)的讓盡量多的訪問者更愿意完成填寫，這是設(shè)計(jì)師們必須面對(duì)的挑戰(zhàn)。站在用戶的角度，我們可以將問題分為四個(gè)方面。

我能得到什么？

一提到“轉(zhuǎn)化”，設(shè)計(jì)師們首先想到的往往是一些相關(guān)操作的細(xì)節(jié)問題，包括按鈕的顏色、標(biāo)題的字號(hào)、對(duì)比度、對(duì)其方式等等。當(dāng)然，這些是必須考慮的，但最最首要的問題是：作為網(wǎng)站的訪問者，我為什么要填寫表單？我能得到什么？

訪問者不會(huì)簡(jiǎn)單的因?yàn)槟闾岢隽讼嚓P(guān)要求而把自己的個(gè)人信息透露給你；你要讓他們看到這樣做的好處在哪里。不妨把這件事看作一種交易，你的訪問者提供他們的名字與郵箱地址，從而換取到一些他們需要的東西，例如享受服務(wù)、免費(fèi)試用軟件、下載PDF文檔等等。

除了讓瀏覽者知道他們能得到什么東西以外，你最好還能告訴他們這東西為什么是他們所需要的。要聚焦在產(chǎn)品的價(jià)值上，如果你能用最簡(jiǎn)單的介紹文字描述出你的產(chǎn)品能幫用戶解決怎樣的問題，喚起他們的共鳴，那么即使表單本身稍微復(fù)雜些，他們也會(huì)愿意完成填寫；否則，字段最少的表單也不會(huì)引起他們的興趣。

 某國外設(shè)計(jì)網(wǎng)站連續(xù)12個(gè)月評(píng)選出月度精選名片設(shè)計(jì)之后，在年底推出了年度最佳的30個(gè)名片設(shè)計(jì)。在這30個(gè)入選的名片中，造型感突出的名片顯然比較受歡迎，尤其是與各自行業(yè)相關(guān)的創(chuàng)意名片讓人驚喜不已。 
 

精彩的公司宣傳樣本欣賞！最近要設(shè)計(jì)一些白皮書，藍(lán)藍(lán)采集了許多公司樣本，這是其中一部分，分享！

　這篇文章向大家分享30幅精美的高速攝影作品。高速攝影能夠拍攝到肉眼看不見的瞬間動(dòng)作：如子彈飛出膛時(shí)的運(yùn)動(dòng)狀態(tài)；足球被射門時(shí)的動(dòng)作過程；還有我們?cè)陔娨暲锝?jīng)?？吹揭坏稳橐郝溥M(jìn)乳汁里產(chǎn)生的優(yōu)美的漣漪。它不僅揭示出人眼難以看到的自然界的現(xiàn)象，還能創(chuàng)造出一種運(yùn)動(dòng)的美的形式，或某種寓意和象征。

Apple

名片，中國古代稱名刺，是標(biāo)示姓名及其所屬組織、公司單位和聯(lián)系方法的紙片。名片是新朋友互相認(rèn)識(shí)、自我介紹的最快有效的方法。交換名片是商業(yè)交往的第一個(gè)標(biāo)準(zhǔn)官式動(dòng)作。今天，本文與大家分享42個(gè)優(yōu)秀的名片設(shè)計(jì)案例，希望能帶給你靈感。Love Money

Inner Wave Studios

你有沒有想過假如生活中沒有顏色會(huì)是什么樣？顏色無處不在，我們?cè)缫蚜?xí)以為常了。假如生活真的沒有了顏色，世界會(huì)變成什么樣，我們無法想象。今天，本文收集了30個(gè)例子，通過黑白照片和彩色照片對(duì)比，讓你感受顏色在我們生活中的重要性和意義。

A magical place

Social Icon Set

Photoshop Rounded Corners

眨眼間，2012年又要過去了，長期關(guān)注 WDL 的朋友都知道，每到年末，WDL 將發(fā)布一系列本年度 Web 開發(fā)和設(shè)計(jì)領(lǐng)域的最佳資源。今天這篇文章與大家一起分享這一年來設(shè)計(jì)師們分享的最佳免費(fèi) PSD 用戶界面素材，包含滑塊、表單、按鈕、菜單、進(jìn)度條、播放器等等。這些免費(fèi)的 PSD   素材資源對(duì)于網(wǎng)頁設(shè)計(jì)師來說都非常有用，既能節(jié)省時(shí)間又能有很好的效果。記得分享和推薦一下哦 :）

Light UI Kit in CSS and HTML

非常好的一套界面設(shè)計(jì)素材資源，提供了 PSD  源文件和HTML/CSS代碼下載。

Pure and Modern UI Kit

非常有質(zhì)感的一套現(xiàn)代風(fēng)格 UI 素材資源，包含音樂播放器、表單元素和各種操作按鈕。