首頁

創(chuàng)意十足的網頁視差滾動效果欣賞

藍藍設計的小編

最近大家伙越來越關注視差滾動的網頁界面設了,很多同學都在四處尋找相關的UI設計案例來賞析學習。此前我們也分享過相關的制作教程及文章。

那么今天藍藍設計繼續(xù)推薦創(chuàng)意十足的視差滾動網站設計,希望能為你的案例帶來界面設計靈感:)強烈推薦收藏。

更多視差滾動網站設計欣賞http://sillybuy.com/。

Beatbox Academy

Beatbox Academy animated css parallax scrolling

有趣新穎的網站設計趨勢

藍藍設計的小編

今天藍藍設計就再來詳細的聊聊其中一些新穎的網站設計趨勢,并且都用網站界面設計案例解析的形式推薦給大家,希望對您UI設計有啟發(fā):)

更多網站界面設計案例解析:http://sillybuy.com/

1、The Daily Beast

鼓勵用戶一直往下瀏覽

2

創(chuàng)意十足的網頁頁眉設計

藍藍設計的小編

近年來,網頁頁眉(Header)的概念逐漸被重新定義,從單純用來放置一個標準logo和簡單菜單的空間變得越來越受UI設計者的重視。頁眉設計依靠獨特的設計手法,搭配上創(chuàng)意優(yōu)秀的圖片,可以讓網頁突破空間界限,給人留下深刻的印象。藍藍設計這里有50個賞心悅目的國外網站設計的頁眉設計,以供欣賞借鑒。

20120519_3be062705c26e096e96by9mL10YL3tY3


 

瞧瞧這效果驚人的單頁設計

藍藍設計的小編

單頁網站設計是一個越來越火的界面設計趨勢,盡管它不能成為主流,不過已經有很多UI設計師注意到這種設計風格,今天藍藍設計收集了風格迥異、效果驚人的單頁網站設計,對這類型感興趣的同學可以學習一下,希望給你帶來UI設計靈感。

更多單頁網站設計欣賞:http://sillybuy.com/

Vicomte Font

Fresh One Page Website Design

優(yōu)秀手機應用設計需要遵循的8大原則

藍藍設計的小編

產品設計的原則有點太泛哈,今天藍藍設計這里想結合自己的工作心得來小結一下手機應用設計8原則:

原則1:用戶界面應該是基于用戶的心里模型,而不是基于工程實現(xiàn)模型

就是把后臺本來很復雜的事情通過界面設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是UI設計師把生活中的細節(jié)和數(shù)據(jù)結合的凝聚點,用戶的心理模型抓的越準,界面就會越優(yōu)秀。

產品設計的八個原則

藍藍設計的小編

產品設計中,產品界面、使用情景、用戶操作等都會影響用戶對產品的體驗。因此我們在界面設計的過程中應遵循一定的原則,避免UI設計者片面的根據(jù)自己主觀認識對產品做出抉擇。藍藍設計收集到的產品設計的八個原則!

原則1:用戶界面應該是基于用戶的心里模型,而不是基于工程實現(xiàn)模型

就是把后臺本來很復雜的事情通過設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是UI設計師把生活中的細節(jié)和數(shù)據(jù)結合的凝聚點,用戶的心理模型抓的越準,界面就會越優(yōu)秀。

用戶體驗設計的五個原則

藍藍設計的小編

藍藍設計在開始介紹這五個UI設計原則之前,我們應該反思一下什么是不好的界面設計?你覺得設計不應該是怎樣的?現(xiàn)在,到處充斥著直接抄襲而沒有認真理解人家設計原因的設計,充斥著難以讓人使用美其名曰高科技的設計,充斥著連基本的美學原理都違背了的設計,充斥著差不多可以了的設計,充斥著無法展現(xiàn)品牌,無差異性的設計…我想,有追求的UI設計師都應該會對這些現(xiàn)象說“不”,那么,什么樣的設計應該是我們所追求的呢?

1

設計師應當知道的20大UI設計原則

藍藍設計的小編

今日藍藍設計偶然發(fā)現(xiàn)一篇界面設計Joshua Porter博客當中的一篇文章——《Principles of User Interface Design》,文章中列舉了20大UI設計原則,看完之后,覺得挺受啟發(fā),于是試著將其編譯,希望能夠給廣大UI設計——特別是剛入門的初級設計師,提供較好的學習機會。全文編譯如下:

1.清晰度是首要工作
清晰度是界面設計中,第一步也是最重要的工作。要想你設計的界面有效并被人喜歡,首先必須讓用戶能夠識別出它?讓用戶知道為什么會使用它?比如當用戶使用時,能夠預料到發(fā)生什么,并成功的與它交互。有的界面設計得不是太清晰,雖然能夠滿足用戶一時的需求,但并非長久之計,而清晰的界面能夠吸引用戶不斷地重復使用。

2.界面是為促進交互而存在的
界面的存在,促進了用戶和我們的世界之間的互動。優(yōu)秀的界面不但能夠讓我們做事有效率,還能夠激發(fā)、喚起和加強我們與這個世界的聯(lián)系。

將漂亮字體應用到網頁設計

藍藍設計的小編

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

1、dassel und wagner

1font

一個讓人癡迷網站教給你的四條設計原則

藍藍設計的小編

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

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

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

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔