首頁

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

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

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

Samuel Esteves

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

samuel esteves, great website design inspiration

Mariana Onate

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

horizontal scrolling web design

Lucuma

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

nice web layout, websites layout examples

Asiance

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

horizontal web design

Alex Flueras

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

horizontal web design

C.L. Holloway

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

horizontal webdesign, parallax scrolling

26個(gè)時(shí)尚的極簡主義網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

我們總是會(huì)聽到 “少即是多”。
有時(shí),剝離了所有的噱頭和幻想的元素從布局和專注于核心設(shè)計(jì)的原則出發(fā),就會(huì)得到一個(gè)更美觀的網(wǎng)頁設(shè)計(jì)。
這篇文章向我們展示了一些極簡主義的網(wǎng)站示例。

Yaron Schoen

View the website design

Dan Cassaro

View the website design

Dodge & Burn

View the website design

Friends of The Web

View the website design

Color Grade It

View the website design

Simon Foster

View the website design

Nudge

View the website design

Johann Lucchini

View the website design

Paravel

View the website design

綻放升華 ——【百度廣告管家排期2.0】設(shè)計(jì)總結(jié)

藍(lán)藍(lán)設(shè)計(jì)的小編

百度廣告管家是一款面向中高端媒體的穩(wěn)定、高速、易用、免費(fèi)的廣告管理系統(tǒng)。排期1.0自2011年上線以來,為網(wǎng)站主隨時(shí)記錄和更新廣告位的售出情況,避免了資源沖突。但也面臨著一些問題,尋找影響用戶使用線上系統(tǒng)進(jìn)行排期管理的主要因素,挖掘排期的核心需求,找出使用的痛點(diǎn),提供貼心的功能亮點(diǎn),由此排期2.0應(yīng)運(yùn)而生。

推薦給設(shè)計(jì)師的22個(gè)美觀實(shí)用的網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

推薦給設(shè)計(jì)師的22個(gè)美觀實(shí)用的網(wǎng)站

我們灰常樂意每周在網(wǎng)頁設(shè)計(jì)佳作列表中展現(xiàn)設(shè)計(jì)精美的網(wǎng)站,不斷為你提供靈感。而今天我們打算另辟蹊徑,為網(wǎng)頁設(shè)計(jì)師收集了既能提供設(shè)計(jì)靈感又實(shí)用的優(yōu)秀案例,與過往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站,可讓你在得到靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到22個(gè)美觀又實(shí)用的網(wǎng)站,全部都不容錯(cuò)過哦親!

20個(gè)超贊的扁平式網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

當(dāng)下社會(huì),“Flat Design”設(shè)計(jì)方式似乎已經(jīng)成為網(wǎng)頁和交互設(shè)計(jì)的潮流。Flat design指的是網(wǎng)頁設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁的時(shí)候,常常使用圖片投影,細(xì)微的紋理,純色漸變,簡潔的設(shè)計(jì)布局和對比強(qiáng)烈的排版,這些設(shè)計(jì)類似于Win8和Metro UI的界面。本文收集了20個(gè)極好的Flat Design網(wǎng)頁設(shè)計(jì)案列,請您欣賞。

LayerVault

View the full website design

18種焦點(diǎn)圖網(wǎng)站示例

藍(lán)藍(lán)設(shè)計(jì)的小編

圖像占據(jù)了網(wǎng)頁設(shè)計(jì)的中心舞臺。們已經(jīng)看到了一些真正美麗的網(wǎng)站使用了圓滑圖像作為焦點(diǎn),引人注目。在網(wǎng)頁設(shè)計(jì)中,從簡約設(shè)計(jì)的概念到全屏的背景圖片,有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發(fā)性的例子。聚集在這里的網(wǎng)站將證明美麗和高品質(zhì)的圖像可以傳遞信息,彰顯個(gè)性并迎合用戶的喜好。

 

Taasky

Examples of Beautiful Image Usage in Web Design

2013流行的綠寶石配色的網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

讓我們一起看看網(wǎng)頁設(shè)計(jì)師是如何運(yùn)用“翡翠綠”來配色。

綠寶石配色的網(wǎng)頁設(shè)計(jì)

Popular color for 2013

這里也有一些關(guān)于翡翠綠的介紹以及作品欣賞

2013年流行設(shè)計(jì)色 - 翡翠綠

查看網(wǎng)頁

 

2013流行的網(wǎng)站模板UI PSD下載

藍(lán)藍(lán)設(shè)計(jì)的小編

一般設(shè)計(jì)師的入門方法之一就是臨摹優(yōu)秀的大師級作品,網(wǎng)頁設(shè)計(jì)也不例外,如果你想學(xué)習(xí)優(yōu)秀網(wǎng)頁設(shè)計(jì),而且是設(shè)計(jì)新手,那么臨摹別人的設(shè)計(jì)作品是最好的方法,當(dāng)然前提是你要懂photoshop的一些基本用法。

下面設(shè)計(jì)達(dá)人網(wǎng)為大家分享2013流行的網(wǎng)站UI模板,分別有fackbook、Github、apple等優(yōu)秀網(wǎng)站,這些網(wǎng)站UI設(shè)計(jì)十分優(yōu)秀,源文件的字體、圖標(biāo)、排版布局大小都和原來網(wǎng)站的一模一樣,細(xì)節(jié)很到位,值得下載來學(xué)習(xí)!

Facebook Timeline 網(wǎng)站模板

facebook-timeline-ui

下載地址:微盤下載

漂亮的國外網(wǎng)站模板下載

藍(lán)藍(lán)設(shè)計(jì)的小編

50-website-templates

對于新手網(wǎng)頁設(shè)計(jì)師來說,可能拿到優(yōu)秀的網(wǎng)站模板PSD源文件是很好的,因?yàn)檫@樣可以從里面深入學(xué)習(xí)很多有用的技術(shù)和技巧,這些網(wǎng)頁模板設(shè)計(jì)很精致,設(shè)計(jì)師們應(yīng)該認(rèn)真看看它們的設(shè)計(jì)細(xì)節(jié)、如何用柵格線布局、配色方案等等。

使用鮮艷的色彩的華麗網(wǎng)站欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

作為設(shè)計(jì)師,在創(chuàng)建網(wǎng)站的時(shí)候,最關(guān)心的是在不影響可用性的情況下如何捕捉觀眾的注意力。做到這點(diǎn)的唯一方法是通過提升你的創(chuàng)意水平,以創(chuàng)造一些真正令人印象深刻的東西。

  顏色有不同的作用,在網(wǎng)頁設(shè)計(jì)中的有強(qiáng)烈的色彩心理學(xué)概念。紅,綠,紫,橙......所有這些都會(huì)刺激觀眾的感受和情緒,所以當(dāng)你選擇配色方案的時(shí)候,你需要做一個(gè)小小的研究。在這篇文章中,你將看到30個(gè)使用鮮艷的色彩的華麗網(wǎng)站。

Behind The Brutes

酷站欣賞:30個(gè)使用鮮艷的色彩的華麗網(wǎng)站,互聯(lián)網(wǎng)的一些事

日歷

鏈接

個(gè)人資料

存檔