91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁

2012年度最佳網(wǎng)頁設(shè)計作品出爐

藍藍設(shè)計的小編

這篇文章向大家展示2012年里在紋理應(yīng)用,圖像選擇,文字排版和導(dǎo)航設(shè)計等各個方面都特別優(yōu)秀的網(wǎng)站作品。你需要花時間慢慢瀏覽這些優(yōu)秀的設(shè)計,看看2012年里這些讓人難忘的創(chuàng)意網(wǎng)站作品能帶給你哪些啟發(fā)。

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

40套很漂亮的紋理背景圖片

藍藍設(shè)計的小編

這篇文章向大家分享40套很漂亮的紋理背景圖片素材,如果你正在尋找高質(zhì)量的紋理背景,那么這篇文章你一定要記得收藏。紋理背景圖片對設(shè)計師來說非常有用,個性的紋理背景可以讓你的網(wǎng)站看起來更加優(yōu)雅時髦,脫穎而出。

  紋理背景圖片通常都是高質(zhì)量的圖片,一般有木質(zhì)紋理、布質(zhì)紋理、金屬紋理和石質(zhì)紋理等形式

紋理背景圖片通常都是高質(zhì)量的圖片,一般有木質(zhì)紋理、布質(zhì)紋理、金屬紋理和石質(zhì)紋理等形式。

Texture Backgrounds

Texture Backgrounds

一組精美的折疊效果名片設(shè)計

藍藍設(shè)計的小編

這篇文章收集了一批非常精美的,充滿創(chuàng)造性的立體折疊效果的名片設(shè)計作品。這些設(shè)計新穎的企業(yè)名片能夠給客戶留下深刻的印象,對于推介公司的產(chǎn)品和業(yè)務(wù)有非常大的幫助,一起欣賞。

Ayako Okada

 

Luciano Balzano

從iOS到Metro - 重新設(shè)計應(yīng)用的交互模式

藍藍設(shè)計的小編

在本篇案例當(dāng)中,我們將幫助各位使用Metro風(fēng)格的設(shè)計原則對原有的iOS應(yīng)用設(shè)計方案進行重新構(gòu)思,大家會了解到怎樣將iPad當(dāng)中一些常見的界面元素及體驗?zāi)J睫D(zhuǎn)換成為Metro風(fēng)格,以打造全新的Windows 8應(yīng)用。我們將對同一款應(yīng)用在兩個平臺中的不同設(shè)計方式進行對比,幫助各位了解怎樣將你的應(yīng)用與Windows 8以及Metro設(shè)計原則進行完美的融合。

我們將要研究的是一款相片日志應(yīng)用,用戶可以在線查看和管理他們的照片或視頻。下圖是這款應(yīng)用的Metro版本:

點擊查看原圖  

這款應(yīng)用最初是為iPad設(shè)計的,如下圖所示。

點擊查看原圖  

從設(shè)計及體驗?zāi)J降慕嵌瘸霭l(fā),該應(yīng)用可以大致被解構(gòu)為六個方面:

  1. 布局和導(dǎo)航
  2. 命令與行為
  3. 契約(Contract):搜索、分享及其他
  4. 觸控與手勢
  5. 屏幕定向與視圖模式
  6. 消息通知

為了觸屏移動設(shè)備而設(shè)計

藍藍設(shè)計的小編

于移動設(shè)備的操作系統(tǒng)及應(yīng)用來說,判斷其用戶界面設(shè)計方案是否優(yōu)秀的一個重要衡量標(biāo)準,就是看它對于手指觸控操作的友好程度。相比于桌面計算設(shè)備及相關(guān)的軟件環(huán)境,觸屏移動設(shè)備所具有的交互特性幾乎將用戶體驗設(shè)計師們帶入了工業(yè)設(shè)計的領(lǐng)域;設(shè)計方案更多是在體現(xiàn)著人機工學(xué)方面的原理,而不再是僅僅用來規(guī)劃內(nèi)容與功能的視覺呈現(xiàn)方式。

拇指熱區(qū)與底部原則

首先,我們需要了解人們通常會以怎樣的方式將手指??吭谠O(shè)備上。拿手機來說,普通青年們多數(shù)會使用拇指來進行觸控操作,所以觸屏手機的界面交互方案基本是圍繞著拇指來進行打造的。

拇指是很不可思議的,據(jù)說它是將我們與動物區(qū)分開來的重要標(biāo)志之一...拇指的功能具有相當(dāng)?shù)膹椥?,同時也受到一定的局限。對于常規(guī)的觸屏手機來說,我們可以使用拇指掃過屏幕當(dāng)中的大部分區(qū)域,但其中大約只有三分之一屬于真正有效的觸控區(qū)域。所以在設(shè)計當(dāng)中,要盡量將最重要的界面交互元素放置在這個范圍當(dāng)中。在右手持機的狀況下,有效觸控區(qū)域位于屏幕的左下方:

點擊查看原圖

這也正是移動系統(tǒng)或應(yīng)用中一些重要的工具欄或?qū)Ш浇Y(jié)構(gòu)通常被放置在界面底部的原因。與此相反的是,在傳統(tǒng)的桌面設(shè)備系統(tǒng)環(huán)境中,導(dǎo)航菜單一類的界面元素通常被放在界面頂部,無論是本地軟件還是網(wǎng)頁基本都是如此。對于我們有限的拇指作用范圍來說,這種傳統(tǒng)布局方式顯然不能在移動設(shè)備的用戶界面當(dāng)中很好的適用。

相比之下,左下角還是右下角的問題略顯次要。我們在實際當(dāng)中經(jīng)常會更改左右手持機方式,想想看是不是這樣,譬如對于右撇子來說,當(dāng)他們正在寫字或是需要同時使用鼠標(biāo)操作桌面設(shè)備時,通常會將手機交于左手操作;而左撇子們則正相反。不過在多數(shù)時間內(nèi),使用右手持機的用戶還是要相對較多一些。

底部原則可以幫助我們對界面當(dāng)中的可觸控元素進行更好的組織。最常用的功能按鍵應(yīng)該被放在拇指最容易觸摸到的熱點區(qū)域當(dāng)中,而其它相對次要或是比較敏感的控制元素則應(yīng)該盡量避開這個區(qū)域。以iOS中的“編輯”按鈕來說,它通常被置于界面右上方,這個位置即可以保證它清晰可見,同時又不會被很容易的觸碰到,以免發(fā)生誤操作。

點擊查看原圖

10套精美的免費網(wǎng)站后臺管理系統(tǒng)模板

藍藍設(shè)計的小編

大部分的 Web 應(yīng)用和動態(tài)網(wǎng)站都需要一個后臺管理系統(tǒng)用于管理前臺界面的信息展示以及用戶信息。管理后臺的設(shè)計雖然不像前臺界面那樣要求設(shè)計精美,但是也需要有清晰的管理模塊劃分,這樣使用后臺管理系統(tǒng)的人員才能夠方便的進行操作和管理。下面收集了十款非常漂亮的網(wǎng)站后臺管理系統(tǒng)模板分享給大家,歡迎免費下載使用。

Admin Panel Template

這個后臺管理模板的導(dǎo)航設(shè)計非常漂亮,頭部還有未讀的短消息和提醒的條數(shù)顯示。

Admin Panel Template

在線演示     PSD下載     HTML&CSS下載

 

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的響應(yīng)式網(wǎng)站管理后臺模板,包含9套漂亮的主題。

Charisma Admin Template

在線演示     免費下載

26個清爽的藍色調(diào)網(wǎng)頁設(shè)計作品欣賞

藍藍設(shè)計的小編

作為最冷的色調(diào),藍色是設(shè)計師使用最多的顏色之一。藍色表現(xiàn)出一種沉穩(wěn)、冷靜、理智、安詳與廣闊,常用在強調(diào)科技,效率的商品或企業(yè)形象。今天這篇文章收集了26個清爽的藍色風(fēng)格網(wǎng)頁設(shè)計作品分享給大家,一起欣賞。

IT Asia

 

Skyboat

使用紋理的20個華麗示例

藍藍設(shè)計的小編

紋理的使用非常廣泛:網(wǎng)站,橫幅,LOGO以及名片等很多場合都會使用。使用紋理的最大好處是能夠幫助設(shè)計師節(jié)省大量的時間,不需要自己去制作圖形。同時,紋理能夠讓你的設(shè)計項目更有趣,更有個性。下面是20個使用紋理的華麗的網(wǎng)站實例。

 

These Are Things

50個小時的可用性測試帶給我的啟示

藍藍設(shè)計的小編

 

2012年里,我(英文原文作者)在TH_NK 里大約花費了50個小時用于可用性測試,其余的時間則主要用來進行實際的設(shè)計工作,或是與客戶、開發(fā)者、分析人員等進行溝通。在這些可用性測試當(dāng)中,經(jīng)過對被測者行為的觀察以及與他們面對面的交流,我對一些一直以來雖有所了解、但在實際工作中卻時常會忽視掉的設(shè)計原則有了更加貼近實踐的認知,另外也發(fā)現(xiàn)了一些從前沒有想到過的問題。時值歲末,我將這些經(jīng)過實踐驗證的設(shè)計要點作以小結(jié)并分享給各位,希望能夠為大伙來年的工作帶來一定參考和借鑒的價值。

1.你不是你的用戶

捫心自問,我們真的很容易忘記一件重要的事情:用戶并不會按照我們設(shè)想的方式去行事。作為產(chǎn)品和設(shè)計方面的從業(yè)者,我們對自己的產(chǎn)品和服務(wù)太了如指掌了,對產(chǎn)品的功能邏輯及設(shè)計方案太心知肚明了;即使是作為第三方咨詢顧問一類的角色,你也很容易把事情考慮的過于理所當(dāng)然,認為“外界”的人能非常清楚的理解你所要表達的東西。

而事實上,多數(shù)用戶在實際上手使用之前,并沒有和產(chǎn)品產(chǎn)生長久的關(guān)聯(lián);對于我們來說很顯而易見的東西在用戶看來很可能需要一定的輔助才能理解并正確操作。交互模式是否符合直覺,是否能夠保持足夠的一致性以符合用戶逐漸建立起來的心智模型,用戶界面是否會在必要的環(huán)節(jié)提供足夠有效的輔助引導(dǎo),這些都是我們在為核心功能打造設(shè)計方案的同時必須考慮到的問題。

 

2.導(dǎo)航至首頁

在很多場可用性測試當(dāng)中,我們都觀察到,其實會通過點擊頁頭logo回到首頁的被測者很少;多數(shù)人都試圖通過點擊瀏覽器上的后退按鈕來實現(xiàn)這個目標(biāo)。雖然對于設(shè)計師來說,將logo鏈接至網(wǎng)站首頁的做法是一種早已被普遍接受的規(guī)范,但事實上普通用戶對這一點的認知似乎并不是那么的根深蒂固。

3.通過下拉列表選擇國家

我們曾經(jīng)對一個面向全球的在線零售網(wǎng)站的支付環(huán)節(jié)進行過可用性測試,從中我們發(fā)現(xiàn),在選擇國家的時候,很少有用戶懂得通過首字母快捷鍵來快速定位國家選項在下拉列表當(dāng)中的位置,然后通過上下箭頭按鍵進行調(diào)整并敲擊回車或空格鍵來完成選擇。絕大多數(shù)的用戶仍然是使用鼠標(biāo)將列表點開,上下尋找并點擊選取。

其實下拉列表易用性的問題(特別是那些所包含的選項超過了7個的列表)早就引發(fā)過廣泛的爭論,使用快捷鍵進行操作的方案也是為了解決這方面的問題而孕育而生的,但在現(xiàn)實當(dāng)中我們?nèi)匀话l(fā)現(xiàn)有那么多的用戶實際上并不了解這種重要的導(dǎo)航操作。

點擊查看原圖

Christian Holst在重新設(shè)計國家列表 一文中介紹過一種蠻有意思的解決方案,雖然我們還沒有對這種方案進行過量化的測試,不過至少它看上去確實比傳統(tǒng)的下拉列表方式要好用。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.b186.net

存檔