首頁

橫向的進擊!網(wǎng)頁也可以橫著看

藍藍設(shè)計的小編

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

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

隨著設(shè)計技藝和風格理解的提高,優(yōu)秀水平滾動設(shè)計漸漸多了起來。
當然,還有重要的一點需要考慮,不是每一種內(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)站中的很多圖庫都很有趣。

samuel esteves, great website design inspiration

Mariana Onate

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

horizontal scrolling web design

Lucuma

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

nice web layout, websites layout examples

Asiance

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

horizontal web design

Alex Flueras

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

horizontal web design

C.L. Holloway

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

horizontal webdesign, parallax scrolling

還在為設(shè)計LOGO犯愁?來看看這10個LOGO資源站

藍藍設(shè)計的小編

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

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

01. Logoed

Logo design resources

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

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

02. Logospire

Logo design resources

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

03. Brand New

Logo design resources

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

04. Creattica

Logo design resources

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

05. Logo of the day

Logo design resources

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

06. LogoLounge

logo resources

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

07. LogoGala

logo resources

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

08. LogoMoose

logo resources

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

09. Logo Design Love

logo resources

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

10. Logo Pond

logo resources

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

靈感!一組手機LOGO設(shè)計

藍藍設(shè)計的小編

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

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

數(shù)據(jù)庫營銷與郵件營銷完美整合

藍藍設(shè)計的小編

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

數(shù)據(jù)庫營銷與郵件營銷完美整合

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

數(shù)據(jù)庫營銷就是企業(yè)或個人通過收集和積累會員信息,經(jīng)過分析篩選后針對性的使用電子郵件、短信、電話等方式進行客戶深度挖掘與關(guān)系維護的營銷方式。數(shù)據(jù)庫營銷對于企業(yè)或和個人來說實施更精準的營銷,對于服務(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ù)類型越詳細,對后期的整理非常有幫助。

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

如何利用視頻做網(wǎng)絡(luò)推廣?

藍藍設(shè)計的小編

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

如何做好視頻推廣

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

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

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

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

如何推廣視頻?

8個獲取手機應(yīng)用程序設(shè)計靈感的網(wǎng)站

藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   363858.cn  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(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)站獲取靈感?,F(xiàn)在仍然可以方便迅速找到令人興奮的東西(例如 Dribbble 和 Behance 對設(shè)計有很大的幫助)。

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

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

Creattica – Mobile Interface

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

Creattica - Mobile Interface

Lovely UI

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

lovely_ui

Inspired UI

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

Inspired UI

TappGala

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

TappGala

MobileMozaic

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

評論(0) 瀏覽(3683)

學點新技能!玩轉(zhuǎn)響應(yīng)式圖標設(shè)計

藍藍設(shè)計的小編

什么是響應(yīng)式圖標設(shè)計?

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

圖標為什么要響應(yīng)式?

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

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

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

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

我認為,需要根據(jù)尺寸范圍進行圖標響應(yīng)式的優(yōu)化

sizes

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

超贊的IPHONE6概念設(shè)計欣賞

藍藍設(shè)計的小編

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

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

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

效果圖片

因為配色中溫暖的紅色基調(diào),整個上面的界面非常豐富。頂上的背景極為有趣,很好的應(yīng)用了不同顏色配搭撞擊出來的效果??吹剿?,你便會被深深吸引??偟膩碚f這個界面并沒有太過的地方,因為除了一個簡單的三角形標志,一個標題和一個訂閱按鈕再沒有其他東西了。


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

讓等待也成為享受!18個讀取進度條的優(yōu)秀設(shè)計案例

藍藍設(shè)計的小編

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

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

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

在本文中,我們收集了一些美妙的手機App進度條案例,具有不同的風格和特性。下面我們來一起欣賞吧:)

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

Smart-washer-app-UI-by-Hyelim-Choi1

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

dB-METER-by-Miguel-Pires

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

Charging-Animation-by-Corey-Lui

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

換手機

藍藍設(shè)計的小編

藍藍寫

       iphone4升級后激活不了,成了一塊傳說中的黑磚。在悲催的那個夜晚,真覺得喬布斯害人不淺,又服氣日本軟銀孫正義(iphone在日本的總代理)公司高人可以把有鎖版寫的沒有bug,現(xiàn)在無可破解。在詢問三個維修點后,放棄了恢復(fù)手機數(shù)據(jù)的念頭。手機上1324條聯(lián)系人,有多少人是經(jīng)常聯(lián)系的呢?有多少,是想什么時候打過去,就可以打過去的呢?隨遇而安,既是一種境界,也是無可奈何,明天太陽依舊升起,一切繼續(xù),多少事情等著辦,安不安心都得去做,還是安心認命的好。人生大抵如此。有些人因緣際會,又吹散在風中。有些人總是在自己最需要的時候出來,幫助自己。

       感謝我的好鄰居,晚上10點鐘我去了二家,借來3個手機-iphone4、諾基亞、摩托羅拉、鄰居夫婦陪我弄到11點,當時我應(yīng)該真是好無助。后來心里又好感動,溫暖。以前經(jīng)常一起活動的緣緣小朋友的父母,我們的鄰居,近年種種事務(wù)繁忙,大家都在創(chuàng)業(yè),已經(jīng)很少一起玩。在關(guān)鍵的時候,很難想象,如果沒有他們的幫助,我怎么辦?

    感謝我的好伙伴,慷慨的把一部3000多買的摩托羅拉新手機送給我用。不過我用了以后覺得用戶體驗不好,還是決定再買一部。

     周六參加了中國移動開發(fā)者大會,會上主持人插播了一段笑話:有錢沒文化,請用諾基亞; 誰想發(fā)神經(jīng),趕快買三星; 買了西門子,準得惡心死; 你要買索愛,兩月保準壞; 要想死得早,誰就用波導;找不著人嫁,趕緊用松下; 頭腦不發(fā)達,別玩多普達;想找喬布斯,就買iPhone4;要想有人愛,必須用山寨!

    笑了之后更加堅定要買魅族MZ3的念頭。詳細詢問了一剛買了魅族MZ3朋友之后,昨晚1030在京東買了一部魅族xz3,今天上午送到,大屏、用戶體驗好,安卓系統(tǒng),連包裝都那么漂亮、創(chuàng)新。真好!

     周五正好談好了一個手機安卓系統(tǒng)的界面設(shè)計工作,出于工作需要,我需要一部創(chuàng)新的、好用的安卓系統(tǒng)手機,去下載盡可能多的應(yīng)用軟件,去體會、分析。用了摩托羅拉的某款智能手機后,讓我真切的感受到界面設(shè)計者工作的重要以及必要,那么難用的手機,糟糕的用戶體驗,難怪摩托羅拉江河日下….

     

    周六中國移動開發(fā)者大會,分別在安卓和ios聽了幾場講座,還因為提問,得到一本厚厚的《ios開發(fā)指南》,了解了一些xcode在設(shè)計中的應(yīng)用,很開心。美中不足的有一個人想用另一本書和我換,我沒有答應(yīng),回來后有點懊悔,我先借給他看,再還給我不就好了,還可以多認識一個朋友。

     手機以后將與臺式機平分秋色,人們在手機上處理的事務(wù)將越來越多,我要好好學習,掌握更多安卓、ioswindow8系統(tǒng)知識,設(shè)計出更好的手機應(yīng)用,讓人們使用更快更好的軟件產(chǎn)品!這是我的使命,也是藍藍設(shè)計全體人員的使命。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://363858.cn

存檔