一般來說，網(wǎng)頁設(shè)計師都極少關(guān)注表單設(shè)計，這使得大多數(shù)表單看起來都差不多，普通至極，毫無特色。本文中的這些案例化腐朽為神奇，將枯燥的表單頁面設(shè)計的多姿多彩。一起來看一下吧。

還記得那篇備受好評的《向左走、向右走？表單元素設(shè)計大揭密》嗎？讓很多網(wǎng)頁設(shè)計師第一次認(rèn)識到表單設(shè)計的一些魔鬼細(xì)節(jié)。那么今天再來看看實際中的一些新穎案例吧。本文收集了一大批優(yōu)秀的聯(lián)系表單設(shè)計，希望對你有所啟發(fā)。

Contact Page from Café Evoke

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

老實說，你瀏覽過幾個水平滑動的網(wǎng)站？如果讓我來回答這個問題，我得說我沒瀏覽過幾個。而且水平滾動網(wǎng)站似乎在網(wǎng)頁設(shè)計中并不流行?；蛘邥灰恍＜艺f這是反人類的瀏覽體驗。
好吧，對無創(chuàng)意毋寧死的設(shè)計師來說。咱們就是愛打破常規(guī)，弄點新穎奇特的設(shè)計出來。

不過不得不說，水平滾動網(wǎng)頁設(shè)計有點命途多舛，剛出來的時候短暫流行過一陣子，但后來漸漸消隱于大眾視線，
有人說這種風(fēng)格的網(wǎng)頁，瀏覽起來非常不順暢，有人說他們就沒見過認(rèn)真設(shè)計的水平滾動網(wǎng)站。但是本文將介紹幾例優(yōu)秀案例。

隨著設(shè)計技藝和風(fēng)格理解的提高，優(yōu)秀水平滾動設(shè)計漸漸多了起來。
當(dāng)然，還有重要的一點需要考慮，不是每一種內(nèi)容都適合用水平滾動的布局方式呈現(xiàn)。大多數(shù)采用水平滾動方式設(shè)計的網(wǎng)站，內(nèi)容一般都是圖片和簡潔的文字資料。

相較于垂直頁面設(shè)計，圖片展示是水平滾動設(shè)計唯一具有壓倒性優(yōu)勢的地方。在眾多的垂直布局網(wǎng)站中，如果出現(xiàn)一款水平滾動設(shè)計的圖片網(wǎng)站，就會有鶴立雞群的效果。

Samuel Esteves

Samuel Esteves是采用水平滾動設(shè)計的圖庫類網(wǎng)站范例。該網(wǎng)站中的很多圖庫都很有趣。

Mariana Onate

正如我之前說的那樣，水平滾動網(wǎng)頁設(shè)計極度適合圖片展示，看看Mariana Onate。采用了多種技術(shù)，以及簡單點擊的滾動操作給圖像瀏覽帶來高雅體驗。

Lucuma

此作品集與眾不同，通過水平滾動設(shè)計，提供了更多作品的細(xì)節(jié)，而作品本身也非常適合采用水平滾動

Asiance

Asiance是亞洲的數(shù)字服務(wù)商。通過水平滾動，用戶可以獲取大量有用的信息。

Alex Flueras

對于Alex Flueras我無話可說。這是個非常棒的水品滾動圖庫網(wǎng)站。

C.L. Holloway

這是一位藝術(shù)家的網(wǎng)站，色彩非常的平滑，沒有突兀感。通過水平滾動，讓人有一種漫步于畫廊的感覺，創(chuàng)意和實際的完美結(jié)合。

想要提高Logo設(shè)計技巧嗎？來看看這些的Logo設(shè)計資源網(wǎng)吧，你會找到很多靈感和借鑒之處。
網(wǎng)絡(luò)中資源無窮無盡，我們可以在其中找到很多Logo設(shè)計的法門。但是，有時候”亂花漸欲迷人眼”，太多了反而不好進(jìn)行選擇，

因此，我們?yōu)槟暨x了一些的Logo設(shè)計資源網(wǎng)站，希望對你有所幫助。

01. Logoed

Logoed的資源庫很豐富，一定會讓你大開眼界Logoed

是一個展示Logo設(shè)計的博客。這個網(wǎng)站已經(jīng)有十年的歷史了，有著豐富的Logo設(shè)計文章資料庫。布局簡潔，縮略圖垂直排布，能方便用戶進(jìn)行瀏覽。

02. Logospire

如果你在苦苦尋找靈感， Logospire是個不錯的選擇，網(wǎng)格式布局非常簡潔，導(dǎo)航易用。Logospire允許設(shè)計師在每一款設(shè)計的子頁面進(jìn)行評論、交流。細(xì)節(jié)豐富。

03. Brand New

Brand New提供了很多品牌標(biāo)志設(shè)計的理念。也提供了很多Logo設(shè)計的趨勢、建議以及案例展示。

04. Creattica

Creattica是個很不錯的圖庫。盡管不是專門Logo的圖庫，但是有超過3000款以上的Logo設(shè)計展示。

05. Logo of the day

每日Logo靈感獵取 Logo of the day 是平面設(shè)計師 Jacob Cass2008年創(chuàng)立的網(wǎng)站，目的很簡單，為設(shè)計師提供每日Logo設(shè)計靈感。

06. LogoLounge

內(nèi)含超過175000例的Logo設(shè)計LogoLounge是很不錯的資源網(wǎng)站，無論是做Logo研究、討論還是靈感獲取，都可以在這里找到你想要的東西。

07. LogoGala

想要得到Logo設(shè)計的深度觀察？來LogoGala吧 LogoGala。設(shè)計師最喜歡的Logo設(shè)計博客之一，深度解釋、展示Logo設(shè)計

08. LogoMoose

在LogoMoose上分析你的理念和創(chuàng)意。LogoMoose在線Logo設(shè)計社區(qū)，展示世界各地的優(yōu)秀Logo設(shè)計作品。設(shè)計師可以在這里展示自己的作品并獲得反饋。

09. Logo Design Love

由平面設(shè)計師David Airey創(chuàng)立Logo Design Love 致力于Logo和品牌標(biāo)志設(shè)計，一般每周更新一到兩次。而且布局很棒，很方便就能找到所需信息。

10. Logo Pond

在Logo Pond上找到當(dāng)下網(wǎng)絡(luò)上最棒的Logo設(shè)計.Logo Pond 理念分析與靈感收集的場所。

移動至上是當(dāng)今的大背景。交互設(shè)計、網(wǎng)頁設(shè)計都不得不顧慮手機的”感受”，移動互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn)，而有關(guān)移動端的Logo怎么設(shè)計？看看這里吧。

郵件營銷對于大家不再那么陌生，都知道郵件營銷在營銷推廣中的重要性。但是現(xiàn)在實施郵件營銷都沒有獲得預(yù)期的效果，為什么會這樣呢？因為我們在做郵件營銷時，沒有正確的利用、使用郵件營銷的方法。普遍的情況是在網(wǎng)上收集或購買郵件地址，然后使用郵件營銷工具群發(fā)郵件。

那么今天筆者給大家又分享一個非常實用的郵件營銷整合策略，也是幫助大家在解決客戶數(shù)據(jù)的問題。數(shù)據(jù)庫營銷與郵件營銷的整合將助力我們在郵件營銷中獲得非常好的效果。

數(shù)據(jù)庫營銷就是企業(yè)或個人通過收集和積累會員信息，經(jīng)過分析篩選后針對性的使用電子郵件、短信、電話等方式進(jìn)行客戶深度挖掘與關(guān)系維護(hù)的營銷方式。數(shù)據(jù)庫營銷對于企業(yè)或和個人來說實施更精準(zhǔn)的營銷，對于服務(wù)機構(gòu)來說提升數(shù)據(jù)的價值。

下面5個步驟講解數(shù)據(jù)庫營銷的步驟。

建立數(shù)據(jù)庫
在收集數(shù)據(jù)之前，要建立數(shù)據(jù)庫，數(shù)據(jù)量少，沒有專業(yè)人員可以使用EXCEL、CRM等工具；數(shù)據(jù)量大，有專業(yè)人員可以使用SQL Server、MySQL等數(shù)據(jù)庫系統(tǒng)。建立數(shù)據(jù)庫之前分析要收集哪些數(shù)據(jù)類型，如姓名、性別、職位、地區(qū)、郵箱、電話等數(shù)據(jù)類型，盡可能的將數(shù)據(jù)類型整理全，數(shù)據(jù)類型越詳細(xì)，對后期的整理非常有幫助。

數(shù)據(jù)收集
數(shù)據(jù)收集可以通過購買、注冊、調(diào)查、活動、網(wǎng)上搜集等手段來獲取數(shù)據(jù)。數(shù)據(jù)比較精準(zhǔn)的是注冊、調(diào)查、活動，其次是購買和網(wǎng)上搜集。前者更多是大型企業(yè)使用，后者就是我們經(jīng)常運用的手段。筆者早些年從事數(shù)據(jù)庫營銷時，就是在網(wǎng)上采集數(shù)據(jù)。自己寫程序、使用軟件等輔助來收集網(wǎng)上的數(shù)據(jù)。分享一個筆者最近使用的網(wǎng)上采集工具：易客寶企業(yè)名錄搜索軟件。

在眾多的網(wǎng)絡(luò)營銷推廣方法，視頻推廣是不可以忽視的一個網(wǎng)絡(luò)推廣渠道。很簡單的例子，我們在網(wǎng)上搜索一些信息時，搜索結(jié)果頁首頁總會有那么一兩個視頻網(wǎng)站的信息（如下圖）。今天小編跟大家說說如何做好視頻推廣。

什么是視頻推廣？
視頻推廣是以視頻為載體，通過在視頻中添加合適的推廣信息，將各種視頻短片以各種形式放到互聯(lián)網(wǎng)上，達(dá)到一定宣傳目的的營銷手段。

如何制作視頻內(nèi)容？

1、自己錄制視頻
自己使用錄制屏幕軟件、攝像機等視頻錄制軟件或工具錄制專業(yè)的視頻，錄制好視頻以后，需要對視頻進(jìn)行后期剪輯，在視頻中加入水印或植入廣告信息。
推薦工具：剪輯工具：camtasia studio7，錄屏工具：屏幕錄像專家、camtasia studio 7、Adobe Captivate 3。

2、下載視頻
在國內(nèi)或國外的視頻網(wǎng)站上下載熱門或與業(yè)務(wù)相關(guān)的視頻，在本地使用軟件給視頻加水印。
推薦工具：貍窩轉(zhuǎn)換器

如何推廣視頻？

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   

曾經(jīng)，CSS 畫廊非常流行，網(wǎng)頁設(shè)計師們會定期訪問這些網(wǎng)站獲取靈感。現(xiàn)在仍然可以方便迅速找到令人興奮的東西（例如 Dribbble 和 Behance 對設(shè)計有很大的幫助）。

對于移動應(yīng)用程序設(shè)計，存在類似的畫廊，我相信他們會更加有用。這是因為如果不安裝移動應(yīng)用程序，靈感更難獲得，也更需要時間和努力。這12個畫廊有很多漂亮的應(yīng)用程序用戶界面，并進(jìn)行了很好的分類。趕緊收藏吧！

優(yōu)設(shè)好文：
強烈推薦！你應(yīng)該到這里尋找網(wǎng)頁設(shè)計靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊，展示最好的網(wǎng)站設(shè)計，標(biāo)志設(shè)計，平面設(shè)計，攝影，作品。

Lovely UI

收集各種移動界面元素，啟動畫面，按鈕，導(dǎo)航，通知等等各種組件的設(shè)計。

Inspired UI

設(shè)計精美的應(yīng)用程序的集合，iphone, android, flat ui, mobile ui。

TappGala

TappGala，展示最佳的移動界面設(shè)計作品，趕緊收藏吧。

MobileMozaic

MobileMozaic 是一個在線畫廊，iOS 應(yīng)用設(shè)計來自世界各地的最好的選擇。

評論(0) 瀏覽(3461)

什么是響應(yīng)式圖標(biāo)設(shè)計？

響應(yīng)式設(shè)計主要講的是布局，那么什么是響應(yīng)式圖標(biāo)？響應(yīng)式圖標(biāo)設(shè)計是一種根據(jù)屏幕尺寸來改變圖標(biāo)類型、從而達(dá)到更好可讀性的設(shè)計。

圖標(biāo)為什么要響應(yīng)式？

怎樣閱讀內(nèi)容？時至今日，我們用來閱讀內(nèi)容的平臺越來越多。設(shè)備、屏幕分辨率、瀏覽器、平臺——我可以拿著5S+Safari+iOS7.0瀏覽網(wǎng)頁，也可以拿著1020+Chorome+WP8瀏覽網(wǎng)頁。

各種選擇，各種搭配實在是太多了，這些都或多或少的影響了內(nèi)容的可讀性。而圖標(biāo)作為一種視覺語言，可讀性非常重要。

圖標(biāo)設(shè)計，首先要滿足易于理解。其次，圖標(biāo)的可讀性必須高。在小尺寸的情況下，圖標(biāo)設(shè)計為了追求更高的辨識度/可讀性，可以選擇犧牲一點美感。

那么能不能美感、可讀性兼得呢？圖標(biāo)設(shè)計的藝術(shù)便在于二者的平衡，取與舍。怎樣設(shè)計，讓不同尺寸的圖標(biāo)均能展現(xiàn)美感，同時又具備可讀性？

我認(rèn)為，需要根據(jù)尺寸范圍進(jìn)行圖標(biāo)響應(yīng)式的優(yōu)化

這個理念不是新的。對于柵格化圖標(biāo)來說，這種設(shè)計方法很常見。

一如往常，設(shè)計師們會對自己希望或者是預(yù)期見到的東西做一個原型設(shè)想，這些iPhone6概念就是其中的一個原型。不過，關(guān)于這些獨特的設(shè)計有些東西不得不說。

那么新iPhone理念中與眾不同的東西是什么呢？大家能注意的最矚目的就是它在外觀上像極了iPhone5，但是屏幕一直環(huán)繞到手機邊緣。我個人認(rèn)為這種設(shè)計非常簡潔，但是從實用性的角度來說，在使用上這個設(shè)計未必會很好。不過這一點也恰恰是一直以來我所談到的用戶體驗主張。

大家可以從下面的圖片中看到，一些設(shè)計者把那個空間用于小按鍵的社交媒體，其他的空間則延續(xù)了他們界面的漂亮背景。這種手機邊側(cè)延伸非常符合審美，雖然讓如此狹小細(xì)長尷尬的空間派上更大的用場實在難之又難。

效果圖片

因為配色中溫暖的紅色基調(diào)，整個上面的界面非常豐富。頂上的背景極為有趣，很好的應(yīng)用了不同顏色配搭撞擊出來的效果?？吹剿惚銜簧钌钗?。總的來說這個界面并沒有太過的地方，因為除了一個簡單的三角形標(biāo)志，一個標(biāo)題和一個訂閱按鈕再沒有其他東西了。

這張圖片展示的是不同尋常的twitter界面，但是它和ios7的設(shè)計風(fēng)格保持一致。大家可以看到twitter app的功能是一樣的，但是嶄新的涂漆讓它看上去像蘋果自己的新設(shè)計一樣。這張圖片很不錯，我尤為喜歡那些小巧的解說箭頭，它們增添了些許設(shè)計觸感。你是不是也這樣覺得呢？

讀取進(jìn)度條設(shè)計的好壞直接影響著App的用戶體驗，因為它可以合理的疏導(dǎo)用戶等待的焦慮情緒，通過一種有趣的美學(xué)體現(xiàn)程序運行的進(jìn)度，這樣用戶就能稍微安心。

調(diào)查表明，用戶需要進(jìn)度指示器，尤其是當(dāng)處理不同的應(yīng)用程序時。因此，完全的理解進(jìn)度指示條的趨勢對我們來說至關(guān)重要。

進(jìn)度條是多媒體播放器的基本組件，能夠允許用戶控制媒體播放的進(jìn)度與流程，快進(jìn)，或者快退。進(jìn)度條的圖形表現(xiàn)力非常重要，目的就是為了提高用戶的趣味性，與此同時構(gòu)造更好的人機交互界面。

在本文中，我們收集了一些美妙的手機App進(jìn)度條案例，具有不同的風(fēng)格和特性。下面我們來一起欣賞吧：）

Smart washer app UI by Hyelim Choi 具有強烈的模糊效果，為的是提煉背景的質(zhì)感，輕微的透明感，白色的純潔性，稍微加入了一點粉色，給整個App以熱情、女性化的感覺。

dB-METER by Miguel Pires. 高亮的中心，臨摹的儀表，非常好的打破了用戶的無聊等待時間。精妙的線條韻律以及完美的細(xì)節(jié)處理讓整個UI看起來很精致。

Charging Animation by Corey Lui看起來既整潔又引人注意，具有可愛的寫實風(fēng)格。 綠色的震動的動效用來闡明程序的進(jìn)度，吸引了用戶的注意力，分散了等待的焦慮。

iOS7 design practice by Muhammad Farhan 純凈的感覺，采用了Flat風(fēng)格的設(shè)計，使用了平化的圖像，精巧的色調(diào)，纖細(xì)的字體。碩大的圓環(huán)軌道條占據(jù)了整個界面的中央，讓數(shù)據(jù)看起來非常的卓越不凡。