首頁

挖掘靈感的創(chuàng)意導航的網頁設計

藍藍設計的小編

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

更多創(chuàng)意導航的網站設計欣賞:http://m.sillybuy.com/

 

Poncho 8

Poncho 8 in Creative Navigation In Web Design

時尚創(chuàng)新的側邊欄菜單網頁設計

藍藍設計的小編

信不信由你,側邊欄菜單將會是2014的一個新趨勢!實際上,菜單界面設計已經有相當長的一個歷史,最開始它只被用在計算機應用程序上,后來逐漸流行到社交媒體網站UI設計。現在很多單頁設計的網站設計菜單都非常精美而便利。來欣賞藍藍設計一些超級棒的側邊欄菜單網站設計

 

更多側邊欄菜單網站設計欣賞:http://m.sillybuy.com/

Bienville Capital Management

設計師采用傳統(tǒng)的色彩組合展示該網站,動態(tài)圖片使得網站不再單調。左邊的菜單采用側滑式,既不妨礙用戶參觀又起到網站指引的作用。

13

如何設計清楚明了的對話框

藍藍設計的小編

對話框(Dialog)是個好用又方便的工具,通常用來再三確認使用者的操作動作與決策,以避免一時的手誤或誤會操作動作的意思,常用于重要動作的確認,例如:「你確定要刪除這個聯(lián)絡人嗎?」,但若對話框搭配了不適當的回應選項文字,反而可能會造成使用者的困擾與誤解,有時還可能做了錯誤的決定。

對話框最常見的不當界面設計就是選項上的文字出現:「是(YES)與否(NO)」,回想在學生時期考試的時候,O與X在是非題中是唯二的兩個答案,而出題者會透過文字敘述上正反的誤導,來測驗學生是否真的清楚了解,先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的幫助,使用者可不想在開心的使用你的程式或服務時,還要小心翼翼的了解你對話框的內容。

我們當然可以細心的設計對話框中的文字,讓使用者清楚明了對話框的訊息,但是在大部分的情況下,我們幾乎根本不會逐字去閱讀訊息的內容。那么藍藍設計告訴大家如何UI設計清楚明了的對話框。你必須要假設使用者除了對話框上的按鈕外,不會閱讀任何其他訊息(對話框的標題或是訊息內容)。

飆升你創(chuàng)造力的網頁設計

藍藍設計的小編

今天藍藍設計想激勵大家獲得成就感和愉悅感,準備和你們分享我的珍貴寶藏。
這一組網站設計,定會幫助你克服你的UI設計創(chuàng)意空白檔期!
戳開鏈接,挨個品鑒它們吧。如果你也想認識更多志同道合的朋友,可以嘗試在評論留下你對某一個網站界面設計的觀點喲!

更多飆升你創(chuàng)造力的網站設計欣賞http://m.sillybuy.com/

1、My lapka

瞧瞧這些擁有創(chuàng)意導航設計的網站

藍藍設計的小編

導航在網站設計中地位是舉足輕重的,它引導著用戶進行瀏覽和查找,一個良好的導航系統(tǒng)的界面設能讓用戶在離開網站時感覺享受了一次愉快的旅程。今天藍藍設計為您推薦一些網站設計的創(chuàng)意導航設計,我們一起來感受一下它們的UI設計魅力吧!

 

更多擁有創(chuàng)意導航設計的網站設計欣賞:http://m.sillybuy.com/

Luke Dorny

navmenus15

運用大圖的網頁設計案例賞析

藍藍設計的小編

最近的網站設計中,有許多網頁界面設計是運用大圖元素作為網頁背景來設計。一張好看的圖片能吸引大家注意力和點擊的欲望,并讓你的網站設計更有設計感。不妨一起來看看今天藍藍設計推薦給大家的這些運用大圖的網站設計案例,看看有哪些你可以學習并運用到下一次的UI設計當中。

 

更多運用大圖的網站設計欣賞:http://m.sillybuy.com/

Kinfolk

damndigital_21-inspiring-examples-of-big-images-in-web-design_kinfolk

低調內涵的優(yōu)雅網頁背景紋理欣賞

藍藍設計的小編

盡管極簡界面設計和扁平化不提倡使用紋理。但是UI設計無絕對,很多情況下,紋理的質感,能讓整個網頁提升好幾個層次。
紋理能夠營造一種復古氛圍。今天藍藍設計收錄了許多網站設計,全部在紋理運用上頗有心得,可以看看他們的界面設計設計細節(jié)。

 

更多優(yōu)雅網站設計背景紋理欣賞:http://m.sillybuy.com/

Sputnik Creative


Sputnik Creative

網頁設計實用線上制作工具

藍藍設計的小編

每當你UI設計遇到一些瑣碎的雜事時,如果有一些現成的工具可以幫助你在短暫的時間內,快速達到你想要的目的與結果,那對大家來說應該是非常棒的事情,對于網站設計師來說也是有一些網路上實用的制作工具,那么今天藍藍設計今天分享一些網站設計實用線上制作工具,幫助你在短時間內達成你想要的UI設計結果。

更多網站設計實用線上制作工具欣賞:http://m.sillybuy.com/

Min.us

開發(fā)人員應該知道5個設計技巧

藍藍設計的小編

優(yōu)秀的編碼和優(yōu)秀的UI設計之間是相輔相成的。不幸的是,視覺設計能力偏弱的人通常會覺得自己缺乏天賦,換句話說,就是人們要么覺得自己具有出眾的美學天賦,要么就是這方面的白癡。對這個說法,我可不敢茍同。

如果你在一個小團隊里面身兼數職,卻又沒有多少美學基礎。又或者你覺得你們的項目在視覺上還有更多發(fā)揮的空間,那么這篇文章就是寫給你的。藍藍設計將談到傳統(tǒng)的5個消除丑陋藝術設計的元素和原則(或者至少能夠進行一定程度的掩蓋)

1.來點留白

大多數的開發(fā)者并不在意添加空白的像頁邊距,填充,行高,或者其他任何增加空白的CSS屬性。識別出開發(fā)者設計的界面設計是很容易的:文本都是緊緊地挨著邊緣的,沒有任何留白,而且屏幕元素之間是通過直線來實現分割的,而不是空白。

免費的響應式網頁設計模板

藍藍設計的小編

隨著PC端、平板、智能手機等終端的發(fā)展,設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等)更加復雜,網頁界面設計展示需要考慮到各個終端的具體差異。

因此,響應式設計受到了大家的推崇。今天藍藍設計文中的免費的響應式網站設計模板,希望能幫大家了解這種UI設計技術以及提高工作效率。

更多免費的響應式網站設計模板欣賞:http://m.sillybuy.com/

1、http://www.html5xcss3.com/2013/01/html5-template-txt.html

這個模板有一個主頁頁面以及一個博客頁面??煞譃橐涣谢騼闪?,你可以根據自己的意愿進行設定。側邊欄的個數也可以自己自由設定。

1-TXT

 

日歷

鏈接

個人資料

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

存檔