首頁(yè)

一組漂亮的單頁(yè)網(wǎng)站設(shè)計(jì)欣賞

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

最初單頁(yè)面網(wǎng)站的設(shè)計(jì)風(fēng)潮可能是由知名的網(wǎng)站設(shè)計(jì)師引起的。他們想要以簡(jiǎn)潔創(chuàng)意的方式讓自己的作品公之于眾。久而久之,單頁(yè)面網(wǎng)站設(shè)計(jì)在創(chuàng)意上實(shí)現(xiàn)了巨大的飛躍。不管是時(shí)尚,App,還是動(dòng)畫(huà),游戲,現(xiàn)在全網(wǎng)都盛行這一趨勢(shì)。
單頁(yè)面網(wǎng)站設(shè)計(jì)容易實(shí)現(xiàn),但是如果想讓你的設(shè)計(jì)成為大熱,一定要確保它適合這種多頁(yè)少字的設(shè)計(jì)模式。在你開(kāi)始設(shè)計(jì)之前,最好要記得專(zhuān)注于主要內(nèi)容,其他的煩惱分心的部分通通去掉,就算是你最好的點(diǎn)子,如果不切合主題,也要忍痛割?lèi)?ài)。

網(wǎng)站導(dǎo)航是主要設(shè)計(jì)要素之一。用放大鏡效果創(chuàng)建漩渦型按鍵,使站點(diǎn)引人入勝,同時(shí)也告訴用戶如何使用。導(dǎo)航要顯眼易懂這樣用戶才能輕松的瀏覽你的網(wǎng)站。不管是視差漩渦,服帖的動(dòng)畫(huà)還是簡(jiǎn)潔的菜單,你都能發(fā)現(xiàn)非??岬男Ч?。

下面我們?yōu)榇蠹艺故?0種極具現(xiàn)代感,將單頁(yè)網(wǎng)站設(shè)計(jì)發(fā)揮到的非常漂亮的例子。盡情的欣賞吧,希望會(huì)給你帶來(lái)靈感!這些設(shè)計(jì)讓人難以忘卻,引人矚目的圖像絢麗多彩,內(nèi)容干凈整潔,實(shí)乃創(chuàng)意經(jīng)典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

16個(gè)酷炫至極的FLASH網(wǎng)站欣賞

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

強(qiáng)烈推薦!而且是一次華麗麗的充電機(jī)會(huì)!這次搜集了16個(gè)超贊的FLASH酷站,無(wú)論是畫(huà)面表現(xiàn)、加載速度、互動(dòng)趣味參與性都著實(shí)的抓人眼球極有代入感~
當(dāng)然,如果您有更好的Flash站點(diǎn)推薦,歡迎在評(píng)論留言:)謝謝您的參與。

本文收集整理:搜狐暢游視覺(jué)設(shè)計(jì)中心團(tuán)隊(duì),@暢游VC 歡迎關(guān)注:)
藍(lán)藍(lán)設(shè)計(jì)也推薦您關(guān)注70個(gè)全球最華麗的互動(dòng)型單頁(yè)網(wǎng)站欣賞

 

1.funtrip2manila強(qiáng)烈推薦!頁(yè)面非常漂亮,而且有漂亮滴妹子,更有很多場(chǎng)景,和妹子有很可愛(ài)的互動(dòng)

12.funtrip2manila

2.medical-youkai

2.medical-youkai

超萌!以動(dòng)物為形象的logo設(shè)計(jì)

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

很多設(shè)計(jì)師會(huì)采用一些生動(dòng)可愛(ài)動(dòng)物形象來(lái)設(shè)計(jì)一款logo,今天,小編為大家搜集了一些以動(dòng)物為藍(lán)本的logo設(shè)計(jì)圖案,供大家學(xué)習(xí)鑒賞~~:)

推薦閱讀:
《還在為設(shè)計(jì)LOGO犯愁?來(lái)看看這10個(gè)LOGO資源站》
《佳作欣賞:以雞蛋為元素的LOGO設(shè)計(jì)》
《如何才是一個(gè)好的LOGO?》

clockingbird-logo siolino-logo gatto-picante falcon-hawk tua66_a

無(wú)法忘懷的色彩:移動(dòng)界面設(shè)計(jì)中的漸變

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

iOS7采用了色彩新鮮的漸變效果,老實(shí)說(shuō),每個(gè)設(shè)計(jì)師都應(yīng)該掌握這種最簡(jiǎn)單的裝飾技巧。而且漸變效果千變?nèi)f化,好的漸變效果能夠成就一款設(shè)計(jì),而糟糕的漸變效果會(huì)毀了一款設(shè)計(jì)。漸變效果的好壞取決于“色彩調(diào)整”以及“整個(gè)主題的搭配度”。除此之外,漸變效果還可以根據(jù)“流行色”來(lái)進(jìn)行適度的調(diào)配?,F(xiàn)在流行使用霓虹燈色彩般的漸變,讓人感覺(jué)光鮮可鑒,再加上纖細(xì)簡(jiǎn)約的字體,線條簡(jiǎn)練的圖標(biāo),整個(gè)界面將變得非常極簡(jiǎn)且高雅。

今天我們要探討的可不是漸變,要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來(lái)一起學(xué)習(xí)、感受一下現(xiàn)今移動(dòng)界面設(shè)計(jì)中最流行的漸變吧。

推薦閱讀:
《一枚app圖標(biāo)的設(shè)計(jì)文化》
《超贊!高大上的動(dòng)效設(shè)計(jì)方法及流程總結(jié)》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優(yōu)雅、頗具吸引力、簡(jiǎn)單、只包含必要信息,半透明的解鎖條讓我們感受到細(xì)膩的質(zhì)感。

iOS7 Lockscreen by Michael Shanks

Sense by Tommy Borgen.

同樣大道至簡(jiǎn)。整個(gè)漸變的色彩搭配很講究,中心略微模糊的圓圈中包含了清新的字體,流動(dòng)的背景,純凈的像夢(mèng)一般。

元旦干貨:50套高品質(zhì)UI組件包下載

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

本帖收集了50套設(shè)計(jì)精美,并可設(shè)計(jì)師自行編輯的界面PSD源文件。內(nèi)容大致包含banner切換,MP3/視頻播放器,日歷,表單(登錄,注冊(cè),搜索…),進(jìn)度條,提示框,按鈕,導(dǎo)航,面包屑等等…不管是應(yīng)用在小需求還是大項(xiàng)目,相信都可為你帶來(lái)幫助。

 

Simple UI Elements

Simple UI Elements

 

Apple Styled UI Elements

Apple Styled UI Elements

 

Grayness UI Kit

Grayness UI Kit

 

20款免費(fèi)和創(chuàng)新的PSD網(wǎng)頁(yè)設(shè)計(jì)模板

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

 

如果你是一名設(shè)計(jì)師,經(jīng)常都需要ui設(shè)計(jì)網(wǎng)站設(shè)計(jì),如果有現(xiàn)成的 PSD 網(wǎng)頁(yè)設(shè)計(jì)模板可以使用的話,您可以快速的制作出精美的網(wǎng)站作品。 所以,這篇文章專(zhuān)門(mén)整理了20款免費(fèi)的 PSD 網(wǎng)頁(yè)模板設(shè)計(jì),你可以免費(fèi)下載這些網(wǎng)站布局模板進(jìn)行編輯和修改,也可以通過(guò)這些免費(fèi)的網(wǎng)頁(yè) PSD 模板獲取創(chuàng)作靈感。

 

Showcase – A Free Website PSD Template

Showcase - A Free Website PSD Template

———————————————————————————————————————————————————

Business Website Template Design

Business Website Template Design

———————————————————————————————————————————————————

實(shí)用!25個(gè)小清新定價(jià)界面設(shè)計(jì)

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

一個(gè)干貨推薦啦:25個(gè)定價(jià)界面網(wǎng)頁(yè)欣賞!沒(méi)錯(cuò)!你沒(méi)有看錯(cuò),足足25個(gè)哦!???你問(wèn)我有木有酬勞,呃!藍(lán)藍(lán)設(shè)計(jì)說(shuō)是要給,但我肯定不會(huì)要的,雖然很想要,呃,出來(lái)混,后來(lái)還是木有要。。。)

價(jià)格界面是網(wǎng)頁(yè)中常見(jiàn)的,但容易被忽視的一個(gè)部分。想想看,你什么時(shí)候見(jiàn)過(guò)這些界面呢?本工第一反應(yīng)就是迅雷、QQ之類(lèi)的會(huì)員充值界面。這種不是經(jīng)常可以看見(jiàn),但是又具有明確目的性的界面,如何讓它和主題頁(yè)面匹配、同時(shí)又突出重點(diǎn)信息呢?這是個(gè)問(wèn)題!今天就讓我們欣賞25個(gè)外國(guó)網(wǎng)站的定價(jià)界面,從中學(xué)習(xí)經(jīng)驗(yàn)吧;)

1. Freshdesk

軟文外鏈倍增不再是夢(mèng) 高性價(jià)比方法分析

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

    做網(wǎng)站外鏈的文章可以說(shuō)是汗牛充棟,但是這些文章很多都有一個(gè)缺陷,就是其具體的方法往往描述不清,可執(zhí)行性相對(duì)較差,比如有些文章說(shuō)搞軟文,只要把軟文質(zhì)量提升,就不怕沒(méi)有外鏈,甚至外鏈還會(huì)成倍增長(zhǎng),可是當(dāng)有些人開(kāi)始按照文章中所說(shuō)的方法來(lái)做的時(shí)候,卻發(fā)現(xiàn)自己不僅僅投入了更多的資金,同時(shí)還有可能隨著百度算法的調(diào)整,網(wǎng)站因此而被降權(quán),其投資就好像姚明的3000萬(wàn)投資一樣,化為了烏有。

  也有很多人一看到搞外鏈建設(shè)要投資,就會(huì)讓不少人嚇走了,這些人喜歡深度挖掘免費(fèi)的外鏈建設(shè)方法,以為論壇簽名外鏈,文本外鏈以及只要提升外鏈的數(shù)量就能夠讓網(wǎng)站獲得不錯(cuò)的權(quán)重,總認(rèn)為百度蜘蛛僅僅是算法而已,其智能化不可能超過(guò)我們的大腦,所以我們采用一些欺騙的方法依然能夠獲得提升外鏈效果的性價(jià)比,事實(shí)上這些人往往把大量的時(shí)間浪費(fèi)在無(wú)用的工作上,導(dǎo)致網(wǎng)站長(zhǎng)時(shí)間沒(méi)有起色,最終失去搞網(wǎng)站的勇氣,走向崩潰的邊緣。

  筆者認(rèn)為軟文外鏈依然大有可為,而且在未來(lái)的數(shù)年里,軟文外鏈能夠給網(wǎng)站帶來(lái)異乎尋常的優(yōu)化效果,軟文外鏈的最大好處就是在于外鏈建設(shè)和營(yíng)銷(xiāo)效果,那么如何才能夠讓軟文外鏈成倍增長(zhǎng)呢?軟文質(zhì)量是基礎(chǔ),對(duì)此不加具體論述,下面重點(diǎn)探討是如何讓外鏈成倍增長(zhǎng)的方法。

  首先要尋找好的投放平臺(tái),平臺(tái)的作用在如今的互聯(lián)網(wǎng)變得越發(fā)重要,平臺(tái)不僅僅代表了高權(quán)重,同時(shí)也代表了高流量,更是代表了潛在的轉(zhuǎn)載,這些受到轉(zhuǎn)載的軟文其外鏈的質(zhì)量也相當(dāng)之高,完全超過(guò)了在很多論壇上以及博客上發(fā)布的外鏈,一個(gè)轉(zhuǎn)載的外鏈優(yōu)化效果完全抵得上自己在免費(fèi)平臺(tái)上發(fā)布上千個(gè)外鏈,這并危言聳聽(tīng),要知道那些免費(fèi)的外鏈要么數(shù)量不穩(wěn)定,要么很垃圾,在優(yōu)化效果上甚至還會(huì)起到反作用。

  第二要注重投稿方法,現(xiàn)在互聯(lián)網(wǎng)上有不少免費(fèi)的高權(quán)重平臺(tái),包括門(mén)戶網(wǎng)站,既然有這么好的平臺(tái),那么提升投稿的審核成功率就顯得很重要了,因此在投稿前要進(jìn)行認(rèn)真的觀察,一般而言軟文投稿的數(shù)量越多,審核力度就會(huì)越高,因此在投稿時(shí)間的選擇上應(yīng)該選擇投稿數(shù)量較少的時(shí)間段,比如早上和中午,因?yàn)楹芏嘧髡叨际且归g活動(dòng),所以在夜里投稿的較多,審核力度也高,所以早上是不錯(cuò)的選擇,另外在相關(guān)平臺(tái)投稿還要注重選擇好欄目,確保軟文和欄目?jī)?nèi)容以及外鏈指向內(nèi)容都具有相關(guān)度。

  第三要自我主動(dòng)轉(zhuǎn)載,有些轉(zhuǎn)載是別人自發(fā)的,當(dāng)然也要自己進(jìn)行轉(zhuǎn)載,這么做的好處不僅僅能夠帶動(dòng)他人轉(zhuǎn)載,同時(shí)也能夠增加自己網(wǎng)站的外鏈,而且這種轉(zhuǎn)載往往更容易通過(guò),因?yàn)樵诨ヂ?lián)網(wǎng)上,一旦有大型網(wǎng)站發(fā)布的內(nèi)容審核通過(guò)的話,那么在論壇、博客上進(jìn)行轉(zhuǎn)載,往往都會(huì)很容易通過(guò)。在這些轉(zhuǎn)載的過(guò)程中也有助于提升自身的人氣,進(jìn)而有助于網(wǎng)站的外鏈建設(shè)。

導(dǎo)致網(wǎng)站排名不穩(wěn)定有哪些

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

經(jīng)常有朋友會(huì)有這樣的煩惱,自己的網(wǎng)站排名總是不穩(wěn)定,不是快照不正常就是外鏈不正常,總是一系列因素都存在著。于是乎一些站長(zhǎng)就開(kāi)始按耐不住了,認(rèn)為這不會(huì)是被K前的征兆呢?其實(shí),這樣的煩惱筆者也會(huì)經(jīng)歷過(guò),那么到底是什么導(dǎo)致網(wǎng)站排名不穩(wěn)定呢?筆者(kmbdf.net)根據(jù)自己的建站經(jīng)驗(yàn)跟大家分享一下自己的觀點(diǎn)。

  第一,網(wǎng)站服務(wù)器不穩(wěn)定,網(wǎng)站經(jīng)常處于打不開(kāi)或打開(kāi)非常慢的狀態(tài),蜘蛛來(lái)爬取的時(shí)候就會(huì)受到影響,搜索引擎就會(huì)認(rèn)為你的站不穩(wěn)定,就算有排名了,下次更新之后排名也會(huì)下降,所以說(shuō)選擇空間一下要穩(wěn)定,速度快,穩(wěn)定的空間是做好優(yōu)化的前題。

  第二,網(wǎng)站主體結(jié)構(gòu)或模塊發(fā)生改變,不會(huì)很快影響關(guān)鍵詞的排名,這種情況只要搜索引擎更新之后關(guān)鍵詞就一定會(huì)下降,甚至?xí)﨣站。因此造成關(guān)鍵詞排名一定程度的下滑。要想關(guān)鍵詞排名穩(wěn)定,網(wǎng)站的結(jié)構(gòu)穩(wěn)定是必須的。

  第三,修改標(biāo)題,關(guān)鍵詞,描述,如果你更改了網(wǎng)站首頁(yè)的標(biāo)題,描述,關(guān)鍵詞,都有可能造成百度更新時(shí),關(guān)鍵詞排名大幅度的變化。所以三大標(biāo)簽不要隨意更改

  第四,網(wǎng)站存在作弊,結(jié)構(gòu)不合理或影響優(yōu)化的狀態(tài),比如一些設(shè)計(jì)裝修類(lèi)的站存在大量flash,或js這樣的話,站內(nèi)沒(méi)有更新模塊,只能靠外部鏈節(jié)來(lái)做,這樣的站排名也不會(huì)穩(wěn)定的。

  第五,外鏈的質(zhì)量和數(shù)量是否穩(wěn)定,每次搜索引擎更新,特別是大更新,外鏈有可能大幅度的增加或減少,如果外鏈大幅度的減少,自然影響關(guān)鍵詞排名的穩(wěn)定,造成關(guān)鍵詞排名下滑,因此網(wǎng)站減少要注重外鏈的數(shù)量和外鏈的質(zhì)量,外鏈有存活期,冀軍龍認(rèn)為,存活期的外鏈才算高質(zhì)量的外鏈。如果百度前面收錄外鏈,后面刪除外鏈,這樣對(duì)排名影響很大。

網(wǎng)頁(yè)設(shè)計(jì)中背景的創(chuàng)意風(fēng)格與設(shè)計(jì)趨勢(shì)

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

正確的背景風(fēng)格可以為整個(gè)網(wǎng)站確定基調(diào)。我們搜集了一批使用大幅圖像、明亮顏色或出眾圖案來(lái)作為背景的
優(yōu)秀網(wǎng)站,希望從中探尋當(dāng)下網(wǎng)站的流行設(shè)計(jì)風(fēng)格。

什么樣的背景最適合你的網(wǎng)站,這并沒(méi)有一定之規(guī),但確實(shí)有一些共同的要素:
互聯(lián)網(wǎng)背景的內(nèi)容應(yīng)該有目的性。
背景應(yīng)該與你的品牌風(fēng)格一致。
背景之上的文字內(nèi)容應(yīng)該易于閱讀(無(wú)論是顏色、反差還是尺寸大小。) 背景的主題在整個(gè)網(wǎng)站內(nèi)應(yīng)該連貫一致。
背景應(yīng)該能很快下載并且不會(huì)讓你的網(wǎng)站變得緩慢甚至卡死。
現(xiàn)在的流行趨勢(shì)是什么?

就像服裝和發(fā)型會(huì)變,網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格也在變。對(duì)于背景來(lái)說(shuō),趨勢(shì)的變化尤其突出。
目前,大量的網(wǎng)站在首屏采用了大圖。一些背景是清晰、寫(xiě)實(shí)的(如照片和插圖),而另一些則可能是抽象隱晦的。大尺寸的、虛化或模糊的圖也隨處可見(jiàn)。

日歷

鏈接

個(gè)人資料

存檔