首頁(yè)

精華整理:11月UI模板psd免費(fèi)大派送

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

好東西越來(lái)越多了,免費(fèi)的午餐也越來(lái)越多了,如果你買不起付費(fèi)的素材,可以先用免費(fèi)的應(yīng)應(yīng)急,而且不少免費(fèi)素材也不差。
在本篇文章中,你可以看到很多熟悉的“老面孔”,沒錯(cuò),本篇便是十一月份UI設(shè)計(jì)素材精選。

一應(yīng)俱全的PSD模板:包括iPhone、iPad以及其他移動(dòng)設(shè)備的UI套件(包括的5s,iPad Air)、線框圖、展示效果圖(分層的、實(shí)物的)。

所有模板均為免費(fèi)(有的是限免,所以抓緊),各位請(qǐng)一一挑選吧。

推薦閱讀:
《怒贊!50套萬(wàn)里挑一的設(shè)計(jì)師專屬精華資源包》

iGravertical Screen Layers + iOS 7 Screen Converter

Free-PSD-Mockups-of-App-Interface-Design-4

Isometric Perspective MockUp


Free-PSD-Mockups-of-App-Interface-Design-8

活力十足:25個(gè)富有藝術(shù)感的卡通風(fēng)格網(wǎng)站賞析

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

 

使你的網(wǎng)站不再無(wú)聊的一個(gè)方法就是利用藝術(shù)的力量去改變它,你可以使用有趣的卡通插畫、萌萌的人物造型、天馬行空的童話布景,讓你的網(wǎng)站不僅獨(dú)特且生機(jī)勃勃。

網(wǎng)站上的涂鴉可以直接吸引訪問者的注意力,提升訪問者的愉悅感,還能使他們更加留意各方面的細(xì)節(jié),讓個(gè)性鮮明的網(wǎng)站為你代言!

今天我們收集了28款童趣十足的卡通風(fēng)格網(wǎng)站,它們確實(shí)通過(guò)有趣的插畫、巧妙的結(jié)合強(qiáng)烈地吸引了我。希望你打開來(lái)學(xué)習(xí)借鑒的時(shí)候感受到純美的童真,開心一笑 : )

想讓你的設(shè)計(jì)更具趣味性嗎?你也可以閱讀以下文章:
《20款可增強(qiáng)設(shè)計(jì)趣味性的縫紉字體下載》
《讓網(wǎng)站更生動(dòng)!那些在網(wǎng)頁(yè)中完美運(yùn)用視頻元素的案例》
《聊聊那些令人愉悅的動(dòng)畫(GIF圖)》

Rainbow Nursery

色彩明麗的兒童插畫,傳遞出溫暖開心的感受。

Rainbow Nursery

XHTML Crab

一眼就被中間那只眼神滴溜溜轉(zhuǎn)的螃蟹吸引住了,看起來(lái)非常想迪斯尼動(dòng)畫人物造型,對(duì)嗎?

超贊!15個(gè)國(guó)內(nèi)優(yōu)秀互動(dòng)網(wǎng)站案例欣賞

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

@設(shè)計(jì)達(dá)人網(wǎng) :國(guó)外網(wǎng)站是不是欣賞多了,這次設(shè)計(jì)達(dá)人網(wǎng)嘗試整理一些國(guó)內(nèi)專題活動(dòng)網(wǎng)站設(shè)計(jì),收集這些也是讓大家了解下國(guó)內(nèi)現(xiàn)在的互動(dòng)網(wǎng)站。這些國(guó)內(nèi)的互動(dòng)專題網(wǎng)站很少像國(guó)外一樣使用HTML5來(lái)做交互,大部分用FLASH代替來(lái)實(shí)現(xiàn)交互設(shè)計(jì)。

互動(dòng)網(wǎng)站主要是讓網(wǎng)站與用戶進(jìn)行互動(dòng),大部分都是讓用戶通過(guò)微博來(lái)分享,最終實(shí)現(xiàn)品牌宣傳的目的,之于效果如何這就要看你的專題有沒有創(chuàng)意啦!接下來(lái)大家一起看看國(guó)內(nèi)的互動(dòng)網(wǎng)站與國(guó)外網(wǎng)頁(yè)設(shè)計(jì)的有什么不同吧。

你也看看外國(guó)的優(yōu)秀范例:《超贊!25例交互體驗(yàn)極佳的網(wǎng)頁(yè)設(shè)計(jì)》

蒙牛:3D音樂 特別的奶特時(shí)光

聽,讓3D音樂與美味一起,帶您走進(jìn)特別的奶特時(shí)光。

專題活動(dòng)網(wǎng)站欣賞:zhuan-ti-wang-zhan-01

Adidas :NEO Label 冬季夾克造型對(duì)決 活動(dòng)網(wǎng)站

2013年冬季全球知名運(yùn)動(dòng)品牌adidas推出adidas NEO Label 2013秋冬廣告搭配,由彭于晏與Angelababy分別以不同的搭配方法,呈現(xiàn)出不同的街頭范和運(yùn)動(dòng)派,讓冬季搭配更鮮艷亮麗。

專題活動(dòng)網(wǎng)站欣賞:zhuan-ti-wang-zhan-02

手機(jī)QQ瀏覽器 :玩轉(zhuǎn)雙屏互動(dòng)新花樣

經(jīng)驗(yàn)分享:為兒童設(shè)計(jì)移動(dòng)應(yīng)用界面的技巧

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

本文是愛奇藝無(wú)線UED負(fù)責(zé)人@曉生 在項(xiàng)目工作中學(xué)習(xí)到的知識(shí),針對(duì)兒童的習(xí)慣,從 配色、線條、布局、聲音等都作了圖文分析,如果有設(shè)計(jì)師剛好在開發(fā)兒童類產(chǎn)品,這篇小結(jié)會(huì)是不錯(cuò)的學(xué)習(xí)經(jīng)驗(yàn)唷。

@曉生 :最近處于項(xiàng)目需要,開始研究?jī)和a(chǎn)品的界面設(shè)計(jì)。在此之前,對(duì)兒童如何使用移動(dòng)產(chǎn)品和如何設(shè)計(jì)知之甚少。優(yōu)質(zhì)的移動(dòng)應(yīng)用,為兒童帶來(lái)樂趣的同時(shí)可以幫助兒童認(rèn)知事物。越來(lái)越多的兒童使用移動(dòng)設(shè)備,接觸虛擬社區(qū)的時(shí)間甚至早于真實(shí)世界,如何設(shè)計(jì)兒童產(chǎn)品是一個(gè)非常值得深入研究的課題。

如果你鐘情純美的童真,那么這個(gè)教程可能非常適合你?。?br /> 《PS教程:利用修飾技術(shù)將照片變?yōu)橛腥さ穆嫛?/span>

本文簡(jiǎn)單地從視覺、界面層級(jí)關(guān)系和交互等方面分析兒童與成人界面之間的差異性。

顏色

兒童移動(dòng)應(yīng)用界面

細(xì)心的朋友會(huì)發(fā)現(xiàn)兒童家具明顯有別于其他家具,最明顯的特征就是顏色,這是因?yàn)閮和暳Φ?歲才能發(fā)育完全,對(duì)色彩的認(rèn)知也是從簡(jiǎn)單的三原色開始,兒童偏向于喜歡高純度和高明度的原色。


兒童移動(dòng)應(yīng)用界面

iPad版奇藝動(dòng)畫片的啟動(dòng)界面以品牌綠為主,配合多種紅藍(lán)黃等顏色,整體寫實(shí)藍(lán)天綠草地的真實(shí)意境,營(yíng)造輕松有趣的氛圍。


兒童移動(dòng)應(yīng)用界面

線條


兒童移動(dòng)應(yīng)用界面

 

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

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

25 Modern Web / Interactive Websites Design Examples

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

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

 

Melbourne Remote Control Tourist

的遠(yuǎn)程旅游體驗(yàn),這個(gè)概念不錯(cuò)吧!

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

20個(gè)優(yōu)秀的國(guó)外扁平化網(wǎng)頁(yè)設(shè)計(jì)作品

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

扁平化設(shè)計(jì)為印刷品、網(wǎng)頁(yè)和移動(dòng)操作系統(tǒng)的設(shè)計(jì)帶來(lái)了新的變化。扁平化設(shè)計(jì)最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落,沒有任何羽化,漸變,或者陰影。

更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來(lái)格外方便。可以將信息和事物的工作方式更加簡(jiǎn)單直接的展示出來(lái),減少認(rèn)知障礙的產(chǎn)生。越來(lái)越多的公司正在效仿,比如下面這些:

 

Who Wanna

10.flat websites

Very-Make


18.flat websites

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

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

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

 

CSS-Tricks

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

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

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

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

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

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

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

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

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

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

 

uiGo Colors – iOS Flat UI Bundle

 

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

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

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

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

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

Flatic

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

Flatic User Interface

Gamecenter Pack

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

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

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

OOcharts

remarkable-freebies-and-tools-01

日歷

鏈接

個(gè)人資料

存檔