女人国产香蕉久久精品-精品国产自在久久现线拍-9RE久精品视频在线观看国产香蕉视频在线播放-天天综合网国产-91二三四成人网-日韩乱码

首頁

超贊!25例交互體驗極佳的網(wǎng)頁設(shè)計

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

25 Modern Web / Interactive Websites Design Examples

本文介紹的案例均使用了的HTML/CSS 以及 JS 技術(shù),從視差滾動到響應(yīng)式設(shè)計,實現(xiàn)了良好的交互性,為用戶提供更好的瀏覽體驗。我們來快速閱覽一下吧。

推薦閱讀:
《網(wǎng)頁設(shè)計新趨勢!25例出眾的響應(yīng)式導(dǎo)航設(shè)計》
《讓網(wǎng)站更生動!那些在網(wǎng)頁中完美運(yùn)用視頻元素的案例》
《不要落伍!來和小伙伴一起學(xué)習(xí)響應(yīng)式網(wǎng)頁設(shè)計》

 

Melbourne Remote Control Tourist

的遠(yuǎn)程旅游體驗,這個概念不錯吧!

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

23個最具影響力的網(wǎng)頁設(shè)計博客

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

花了大量時間在網(wǎng)上搜集行業(yè)里高質(zhì)量網(wǎng)頁設(shè)計的博客,不過話說回來,高質(zhì)量可信的資源確實挺稀缺的。

 

CSS-Tricks

CSS-Tricks是Chris Coyier公眾博客,專門講一些有關(guān)CSS的話題。不過近幾年來,CSS-Tricks有了下面一些擴(kuò)展:

Chris和Dave Rupert一起創(chuàng)造了ShopTalk 播客,在里面可以討論所以有關(guān)網(wǎng)頁設(shè)計和開發(fā)的事情。
Chris 出過幾本書,做了一個 Lynda.com的Wordpress主題課程,并且他還創(chuàng)建了一個The Lodge的課程教人們學(xué)習(xí)如何制作一個頗具現(xiàn)代感的網(wǎng)站。
超多很酷的項目,像 CodePen,HTML-Ipsum, Quotes on Design 。Chris真是個超有想法的人。

csstricks-web-design-blog-top-blogs-follow

CSS-Tricks 是 Chris Coyier 2007年建立的,總部在美國懷俄明州的密爾沃基,至今網(wǎng)站月頁面訪問量達(dá)270萬。

網(wǎng)站亮點(diǎn)(這個網(wǎng)站的獨(dú)特之處是什么?):

名人效應(yīng)——Chris Coyier 是這么網(wǎng)站的精神領(lǐng)袖,他的個人風(fēng)格貫穿于項目始終,是眾多設(shè)計師的楷模。向他學(xué)習(xí),同他一同去冒險吧!

關(guān)注App設(shè)計!20個漂亮的扁平風(fēng)格移動端界面

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

現(xiàn)在扁平化風(fēng)格在網(wǎng)頁設(shè)計方面已經(jīng)有許多優(yōu)秀的范例了,比如這22個超贊的扁平化設(shè)計經(jīng)典案例就有很多我們可以借鑒學(xué)習(xí)的地方。但是移動端的界面設(shè)計扁平化風(fēng)格較少,所以今天從BehanceDribbble收集的這一組移動端的扁平化設(shè)計就該好好看看咯,學(xué)習(xí)一下它們優(yōu)秀的細(xì)節(jié)和配色吧 : )

如果你對扁平化風(fēng)格的網(wǎng)站更有興趣,那么推薦閱讀:
一組賦予你扁平化配色靈感的網(wǎng)頁設(shè)計
怒贊!2013扁平化設(shè)計終極指南
專屬扁平化設(shè)計的PS色板(配色庫)

 

uiGo Colors – iOS Flat UI Bundle

 

怒贊!50套萬里挑一的設(shè)計師專屬精華資源包

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

我們一起來看一下吧,本文收集了50款專屬設(shè)計師的精華資源包,分別有圖標(biāo)、主題、UI套件、插件、網(wǎng)頁模版、字體等等,一網(wǎng)打盡、一應(yīng)俱全,萬里挑一!實屬優(yōu)設(shè)哥獻(xiàn)給您的千金難換的干貨喲!

10月收尾,11月馬上來臨,到了該總結(jié)經(jīng)驗整理思路的時候了。各位設(shè)計師對本月工作滿意嗎?嗯,沒關(guān)系,不管好還是壞,11月份,我們重整旗鼓,繼續(xù)前進(jìn)。

大家都知道,如果有素材和工具的支持,工作起來得心應(yīng)手,趕緊來挑選適合你的神兵利器吧:)

Flatic

大型UI套件,涵蓋百余種UI元素。

Flatic User Interface

Gamecenter Pack

12月典藏!50個超贊的免費(fèi)設(shè)計師工具資源下載

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

互聯(lián)網(wǎng)最偉大的精神在于分享,我們喜歡探索、喜歡發(fā)現(xiàn),務(wù)求將最好的資源呈遞給所有設(shè)計愛好者。
相信這里面你大多數(shù)都還沒見過呢!
50個免費(fèi)資源:包括了圖標(biāo)、字體、PSD、矢量圖、圖案、UI套件、調(diào)試工具等等。
琳瑯滿目!亂花漸欲迷人眼,請您精挑細(xì)選,選擇最合適自己的素材,讓你的設(shè)計項目變得更漂亮、更專業(yè)。

OOcharts

remarkable-freebies-and-tools-01

11月份免費(fèi)新鮮的27款UI組件下載

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

設(shè)計師們還沒更新模板嗎?這是優(yōu)設(shè)10月份搜尋的UI模板,總共有27款,大多數(shù)為扁平化設(shè)計,都是免費(fèi)且的,希望這些收集能給你正在進(jìn)行的項目一點(diǎn)幫助 : )

同樣精心收集,希望對你有幫助 : )
52款新鮮免費(fèi)的優(yōu)質(zhì)界面PSD下載
50個超贊的免費(fèi)設(shè)計師工具資源下載

Apple Product Line Wire Frame PSD by Rubayath

Apple Product Line Wire Frame PSD by Rubayath in 27 Fresh UI Kits for October 2013

 

Chrome UI Kit v.2 by Todd Hamilton

Chrome UI Kit v.2 by Todd Hamilton in 27 Fresh UI Kits for October 2013

超實用!Photoshop亮度調(diào)節(jié)腳本

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

我們在設(shè)計的時候,往往會微調(diào)一下顏色的明暗度,又或者去一些在線配色工具網(wǎng)站上準(zhǔn)確調(diào)節(jié)明亮度,但這樣是比較麻煩的,這里設(shè)計達(dá)人網(wǎng)找到一個非常好用的Photoshop亮度調(diào)節(jié)腳本,使用的時候只需要按下Photoshop快捷鍵就能調(diào)整顏色的明與暗,節(jié)省了很多設(shè)計時間。

darken-and-lighten-color-ps-script

 

如何使用亮度調(diào)節(jié)腳本

首先在Photoshop工具欄的前景色面板上選擇需要的顏色,然后運(yùn)行對應(yīng)腳本來實現(xiàn)顏色的明暗變化。

color-shot

8個獲取手機(jī)應(yīng)用程序設(shè)計靈感的網(wǎng)站

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

曾經(jīng),CSS 畫廊非常流行,網(wǎng)頁設(shè)計師們會定期訪問這些網(wǎng)站獲取靈感?,F(xiàn)在仍然可以方便迅速找到令人興奮的東西(例如 Dribbble 和 Behance 對設(shè)計有很大的幫助)。

對于移動應(yīng)用程序設(shè)計,存在類似的畫廊,我相信他們會更加有用。這是因為如果不安裝移動應(yīng)用程序,靈感更難獲得,也更需要時間和努力。這12個畫廊有很多漂亮的應(yīng)用程序用戶界面,并進(jìn)行了很好的分類。趕緊收藏吧!

優(yōu)設(shè)好文:
強(qiáng)烈推薦!你應(yīng)該到這里尋找網(wǎng)頁設(shè)計靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊,展示最好的網(wǎng)站設(shè)計,標(biāo)志設(shè)計,平面設(shè)計,攝影,作品。

Creattica - Mobile Interface

Lovely UI

收集各種移動界面元素,啟動畫面,按鈕,導(dǎo)航,通知等等各種組件的設(shè)計。

lovely_ui

你的App該變身了!iOS7設(shè)計指南

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

@ 十萬個為什麼 :蘋果的新iOS我們已經(jīng)上手好幾周了,準(zhǔn)備好為它而設(shè)計嗎?

如果你已經(jīng)有一個運(yùn)行于此平臺的App,你可能打算為新iOS而設(shè)計,或者在舊版上做一些必要調(diào)整,不論哪種,你都希望為新界面而設(shè)計,確保你的App與用戶在蘋果設(shè)備上的體驗相吻合。
那么如何做到這點(diǎn)?

扁平,更加扁平

ios7

蘋果的iOS7秉承著扁平的設(shè)計理念,盡管它不是完全的扁平化,那么就秉著”較扁平”來規(guī)劃設(shè)計你APP或移動站點(diǎn)。

所有的那些曾經(jīng)輝煌的擬物化風(fēng)格圖標(biāo)與效果,一去不復(fù)返了。如今的潮流是單色塊、多色文字和大量留白,

蘋果為iOS7制訂的設(shè)計準(zhǔn)則鼓勵簡潔設(shè)計與易用性。但是設(shè)計準(zhǔn)則并沒有著重介紹我們即將討論的關(guān)于扁平化設(shè)計的規(guī)范。我們能在這些新設(shè)計的APP(包括蘋果自身樣式)中看出一些與扁平設(shè)計特征相違背的東西,

比如說顏色,iOS7包含了相當(dāng)一部分柔和色調(diào)和半透明效果。扁平設(shè)計通常使用明亮、高對比度的顏色。
你所見到的按鍵和按鈕也沒有設(shè)計成扁平樣式。例如鍵盤,每個字母都包含在一個帶陰影效果的按鈕中。這些微妙的效果是新界面的顯著特征。

重視字體

一組驚艷的后臺管理界面設(shè)計欣賞

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

藍(lán)藍(lán)設(shè)計其實在最早做設(shè)計的時候,就是設(shè)計銀行的客戶關(guān)系管理系統(tǒng)以及電商網(wǎng)站的后臺管理界面

做那種界面的時候,和設(shè)計網(wǎng)頁的感覺不一樣。因為得考慮的不只是美觀,更多應(yīng)該在操作體驗及視覺舒適度上下足功夫。

這種界面會成為管理員長時間駐留的地方,會有很多數(shù)據(jù)表格。如果我們的配色太鮮艷或者太暗沉,都會讓使用者遭受眼球上的磨難。

而且一些按鈕和操作焦點(diǎn)沒有做好區(qū)分和規(guī)范,那都會是致命的。

關(guān)于界面中的交互,這里藍(lán)藍(lán)設(shè)計送上前輩們留下的一句金句,非常經(jīng)典,也很好記:

1、操作前可以預(yù)知;
2、操作中有反饋;
3、操作后可撤銷;

不管怎么樣,這三句話,你可以牢牢記住。這是只可意會不可言傳的。等到你鉆研達(dá)到一定程度了,自然就會明白咯。

而視覺方面的注意事項,其實大家都知道,依然是不要超過三個顏色。這點(diǎn)大家雖然都知道,可是在實際設(shè)計的過程中,會不知不覺的用多一些顏色出來,而且還潛意識說服自己:“這個加上也不錯,干脆就用上吧?!闭自O(shè)計稿出來,全局觀察的時候,結(jié)果就有些混亂,干擾到數(shù)據(jù)的主視覺區(qū)域了。

好吧!今天就為大家?guī)韘peckyboy上收集整理的一些dribbble上的精華作品。我相信,這些作品驚艷到你甚至臨摹不過來,不信可以試試喲:)

Device Dashboard

mobile ipad device admin dashboard photo

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.freegoal.net

存檔