首頁

5個Web設(shè)計的草稿和成品對比

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

紙和筆

大多數(shù)的設(shè)計師都習(xí)慣在紙上開始自己的工作,假如你也是設(shè)計師,想必手上也有一兩本筆記本,上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,為什么不亮出來給別人看看呢?

別的設(shè)計師的草稿都是什么樣子的呢?

Buzz Usborne, Campaign Monitor (活動監(jiān)測)

先來看看 Buzz 的設(shè)計草稿

點(diǎn)擊查看原圖

 

草稿里的對角線和最終成品的對角錢相呼應(yīng),Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié),而是注意線條和指引的清晰程度。

10個網(wǎng)站提高你的理念

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

如果你是一個從事設(shè)計的人員,一定每天都在痛疼如果在乏味的生活中,尋找那一絲絲的靈感,這里給大家介紹10個網(wǎng)站,讓你第一時間可以獲取的國外設(shè)計概念,也許可以幫你獲得更多的創(chuàng)意理念,打開你的思想的枷鎖。

1. My Modern Metropolis

21例定價頁面的網(wǎng)頁設(shè)計欣賞

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

damndigital_21-examples-of-pricing-pages-in-web-design_cover_2013-05

我們常常說設(shè)計要清爽簡潔,要一目了然。近來我們看到時興的設(shè)計有走向平面化的趨勢,而今天我們要分享給大家這一類頁面的設(shè)計——定價頁面的設(shè)計。很多時候大家從主頁跳轉(zhuǎn)到定價頁面的時候都感覺來到另一個網(wǎng)站,而定價頁面的重要性是不言而喻的,想要更高的轉(zhuǎn)化率不妨多在這上面下功夫。


看看國外知名設(shè)計師的草稿和成品對比

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

大多數(shù)的設(shè)計師都習(xí)慣在紙上開始自己的工作,假如你也是設(shè)計師,想必手上也有一兩本筆記本,上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,為什么不亮出來給別人看看呢?

  別的設(shè)計師的草稿都是什么樣子的呢?

  Buzz Usborne, Campaign Monitor (活動監(jiān)測)

  先來看看 Buzz 的設(shè)計草稿

 

  草稿里的對角線和最終成品的對角錢相呼應(yīng),Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié),而是注意線條和指引的清晰程度。

  Buzz 的成品

《前沿視點(diǎn)》——2013年最值得關(guān)注的網(wǎng)頁設(shè)計流行趨勢

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

 在過去的幾年里,我們看到建設(shè)網(wǎng)站的方式發(fā)生了巨大的變化。隨著瀏覽器對 HTML5/CSS3 Web 標(biāo)準(zhǔn)的支持的不斷增強(qiáng),越來越多的用戶已經(jīng)轉(zhuǎn)移到移動平臺。在 設(shè)計界,有很多獨(dú)特的想法,每隔一段時間就發(fā)生變化!

   在這篇文章中,我想介紹一些我們已經(jīng)看到正不斷變化的趨勢。其中, 許多設(shè)計理念已經(jīng)存在了很長一段時間。 但是,我認(rèn)為在2013年里,這些獨(dú)特的想法將會更加的蓬勃發(fā)展。 網(wǎng)上提供了很多可以免費(fèi)下載的開源項目和用戶界面 ,這樣設(shè)計人員可以專注于自己的領(lǐng)域。

移動優(yōu)先的設(shè)計

  響應(yīng)設(shè)計的理念并不僅僅只網(wǎng)站能夠縮放到更小的尺寸, 設(shè)計師的意識形態(tài)也應(yīng)該發(fā)生改變 。這里向大家推薦  DesignShack  上的一篇文章,其中談到了這個想法。

  往往更容易規(guī)劃最重要的界面元素,讓他們排布成為一個移動的布局。 如果這些元素不合適這樣,你將不得不刪除一些。 同時,你可以規(guī)劃布局將如何應(yīng)對的窗口變大。 您將有空間包含一個側(cè)邊欄,也可能是2個,以及許多其它的頁面元素。

 

談?wù)剺?gòu)建單頁布局網(wǎng)站的創(chuàng)意技術(shù)——附優(yōu)秀案例

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

可能是因為實(shí)現(xiàn)這種效果比較復(fù)雜,視差滾動的概念對于很多設(shè)計師來說仍然是相當(dāng)陌生。我看到過眾多優(yōu)秀的例子,例如像 Pixel Stadium 這樣的杰出代表,這個網(wǎng)站易于瀏覽,紋理也是讓人眼花繚亂。

 

像素體育場網(wǎng)站的布局設(shè)計界面

 

  當(dāng)你向下滾動頁面的時候,頂部導(dǎo)航欄會出現(xiàn)并鎖定到窗口, 這使得用戶可以快速跳過或轉(zhuǎn)換頁面到不同的部分。 布局是完全響應(yīng)式設(shè)計的,會自適應(yīng)瀏覽器窗口的寬度! 這一切都說明,單頁的布局可能會非常好看,也很靈活。

日歷

鏈接

個人資料

存檔