首頁

將漂亮字體應用到網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

我們放出了第一批圖像配文字類的網(wǎng)頁設(shè)計,反響很好。所以藍藍設(shè)計放出13個在網(wǎng)頁設(shè)計中運用了漂亮的字體的例子。有漂亮的干凈的和簡約的,豐富多彩的和大膽的,當然還有能激發(fā)出你的UI設(shè)計靈感的!

1、dassel und wagner

1font

一個讓人癡迷網(wǎng)站教給你的四條設(shè)計原則

藍藍設(shè)計的小編

通過與設(shè)計者進行接觸,藍藍設(shè)計興奮地了解到這項設(shè)計的 成功之處,其中四個最基本的成功要素如下:

一、首頁越長越好,絕不允許廣告出現(xiàn)

Brand42首先介紹了傳統(tǒng)的網(wǎng)站設(shè)計對顯著位置和不顯著位置的處理,以及很多新聞網(wǎng)站采取的UI設(shè)計模式。他們介紹說,Mail Online的首頁很長,甚至需要向下滾動很長才能看到全部內(nèi)容。這里采取的界面設(shè)計模式就是越多越好,也就是在首頁放置盡可能多的內(nèi)容。Brand42另一 個與眾不同的舉措就是在首頁去除所有廣告,而在網(wǎng)站其他頁面上投放加倍的廣告量。

二、就像一個沒有盡頭的迷宮

Mail Online上每篇報道的側(cè)邊欄平均有70篇報道,每個報道都配有自己的圖片。當讀者閱讀一篇報道時,側(cè)邊欄的花絮新聞就好像一個個錨將讀者吸引到另一篇 報道。“我們創(chuàng)造了一種獨具特色的信息結(jié)構(gòu),為讀者提供更多的接入口和信息渠道?!盉rand42團隊寫道。側(cè)邊欄的大小及比例通過視線追蹤技術(shù)反復測 試,使得設(shè)計團隊能夠依照讀者的平均閱讀速度設(shè)計。根據(jù)這些數(shù)據(jù), Brand42還創(chuàng)建了追求搜索引擎最優(yōu)化的模板,借助這些模板,編輯們可以方便發(fā)布鏈接,預防死鏈接的出現(xiàn)。當前,Mail Online超過一半的頁面閱讀量并非來自主頁,但是通過網(wǎng)頁間的交叉點擊獲得。

含創(chuàng)意導航的網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

在設(shè)計網(wǎng)站的時候,UI設(shè)計師會考慮很多實用性方面的問題,來滿足終端使用者的需求,因此他們經(jīng)常忽視網(wǎng)站設(shè)計的創(chuàng)新和整體概念。
這一期藍藍設(shè)計展示的是那些極具天賦和創(chuàng)新能力的UI設(shè)計師所設(shè)計的不同的個性導航。您一定不要錯過了,記得細心觀察,挖掘靈感喲!

Poncho 8

Poncho 8 in Creative Navigation In Web Design

一組時尚的鞋帽服飾類網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

服飾鞋帽向來是時尚必爭之地,除產(chǎn)品本身的宣傳是核心競爭力,在用戶還未接觸到實體之前,通過網(wǎng)站宣傳往往是給新用戶留下一個好印象的開始。

宣傳產(chǎn)品的網(wǎng)站界面設(shè)計,充滿美感的大照片和酷炫的網(wǎng)頁現(xiàn)在是必不可少的,來看看下面藍藍設(shè)一組時尚類型的鞋帽服飾網(wǎng)站設(shè)計吧。

更多時尚類網(wǎng)站設(shè)計欣賞:http://sillybuy.com/

Heren

Heren

怎樣制作一個時尚的網(wǎng)頁!

藍藍設(shè)計的小編

UI設(shè)計師想學習做時尚網(wǎng)站嗎?購物網(wǎng)站、時尚作品集、時尚部落格或者雜志都可以呦,這些網(wǎng)站界面設(shè)計的一個特點就是——都灰常受歡迎。怎么樣,你也心癢癢了吧?我相信在你看藍藍設(shè)這篇文章的同時,就已經(jīng)下定決心做一個自己的時尚網(wǎng)站設(shè)計,所以話不多說,直奔主題。今天要跟大家分享的是關(guān)于設(shè)計時尚網(wǎng)頁的一些知識,希望你能有所收獲~

How to Create a Fashion Website - Latest Effective Practices and Tips

網(wǎng)頁設(shè)計的黃金比例

藍藍設(shè)計的小編

作為一個UI設(shè)計師開始一個項目時經(jīng)常會考慮到網(wǎng)頁界面設(shè)計的布局,雖然現(xiàn)在很多人傾向使用 Grid css框架(如960,blueprint),但有時也需要設(shè)計一些獨特的布局。今天藍藍設(shè)計要探討如何將黃金分割理論運用到網(wǎng)頁設(shè)計中,大部分涉及到的技術(shù) 也同樣適用于其他的設(shè)計或藝術(shù)類工作,當然主要還是針對于網(wǎng)站設(shè)計布局。

黃金比例

黃金分割又稱黃金比例,是一個數(shù)學上是術(shù)語,用來表示兩個元素的比例,它的值大約等于1.618。黃金分割從文藝復興時就開始了。那個時代的藝術(shù)家 對黃金分割十分推崇,并且廣泛運用在各種設(shè)計作品上,數(shù)百年來,在建筑、雕塑、繪畫等領(lǐng)域都可以看到黃金分割的身影,今天我們同樣可以將它運用在數(shù)字藝術(shù)上。

黃金分割-網(wǎng)頁設(shè)計理論

超贊的鞋類網(wǎng)站設(shè)計欣賞

藍藍設(shè)計的小編

天賦異稟的UI設(shè)計師們總是能把普通的事物變得那么美好,譬如這里的鞋類網(wǎng)站設(shè)計,當穿在腳上的鞋子踏進屏幕后,會發(fā)生什么奇妙的變幻呢?
找一個得閑的時間,泡杯咖啡,靜靜來欣賞藍藍設(shè)計這如藝術(shù)品一樣的網(wǎng)站設(shè)計吧:)

更多鞋類網(wǎng)站設(shè)計欣賞:http://sillybuy.com/

Satorisan

Satorisan

超贊的扁平式網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

現(xiàn)在不管是App應用還是網(wǎng)站專題,都被“Flat Design”占據(jù)了!這已經(jīng)成為了很多UI設(shè)計師首選的設(shè)計形態(tài)!擬物設(shè)計似乎真的開始離我們越來越遠。那么扁平化界面設(shè)計的精髓在于:削弱厚重的圖片投影,使用細微的紋理、純色微漸變、以及簡潔的設(shè)計布局和對比強烈的排版,這些設(shè)計類似于Win8和Metro UI的界面。藍藍設(shè)計收集了許多極好的Flat Design網(wǎng)頁設(shè)計案列,請您欣賞。

Friends of the Web

View the full website design

亮色調(diào)的頂尖網(wǎng)站設(shè)計

藍藍設(shè)計的小編

在所有顏色中,能一瞬間抓住你眼球的非亮色莫屬,除了這個,亮色調(diào)還能調(diào)起快樂的情緒,好處多多,但運用起來沒那么簡單,一不小心就閃到眼睛了。今天藍藍設(shè)計收集了許多亮色調(diào)的網(wǎng)站設(shè)計UI設(shè)計們可以借鑒一下,怎樣恰到好處地去運用它。

WerkPress


WerkPress

 

新鮮漂亮的扁平化網(wǎng)站設(shè)計

藍藍設(shè)計的小編

最近,你會發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁設(shè)計。每個人都想要它,因為它很酷,是目前的主流趨勢。扁平化界面設(shè),因其簡單性和關(guān)注用戶,去除了很多網(wǎng)站的不必要的元素,例如沉重的背景圖片,漸變,斜面和其他一切使空間雜亂的東西。

現(xiàn)在,所有的注意力都集中在良好的排版,高品質(zhì)的圖像,清晰的文本,完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司,如微軟,谷歌或蘋果,因此很容易理解為什么這種風格的在UI設(shè)計界會有巨大的采用率。

藍設(shè)計這篇文章中,你可以看到許多華麗的扁平化網(wǎng)頁設(shè)計作品,希望您會喜歡這個集合。

Tynan D’Arcy

30.-flat-design

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔