首頁(yè)

設(shè)計(jì)美容院折頁(yè)冊(cè)子

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

精心挑選的圖片加上清晰字體,我們可以呈現(xiàn)一個(gè)吸引人的美容小冊(cè)子的設(shè)計(jì)。

凱莉在加州經(jīng)營(yíng)一家規(guī)模不大的名叫“London Hair Fare”的美容院,主要服務(wù)項(xiàng)目包括面部美容及蠟乳脫毛(waxing spa) 。該店光顧者甚多,而且那些潛在的顧客對(duì)該店的服務(wù)已經(jīng)有所了解,所以她需要的宣傳冊(cè)子是屬于那種基本型的版式——一張由信紙折疊而成的宣傳冊(cè)子,能夠簡(jiǎn)單清晰地傳達(dá)出該店的服務(wù)項(xiàng)目。在宣傳上并不需要刻意去“叫賣”,也無(wú)需采用直郵方式。其冊(cè)子主要通過(guò)人手派發(fā)及放置在店內(nèi)由顧客任意取閱。

平面廣告展示小技巧

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


平面廣告展示小技巧

文字:不易覺(jué)察的巧妙變化

在你下一次做折扣海報(bào)時(shí),你可以將OFF這個(gè)字與百分比結(jié)合在一起,變成一個(gè)意思仍然清晰及干凈的字體組合,小小的變化已可見(jiàn)你的心思。

94fda16aab5b7808ae6570425d474a6f3 平面廣告展示小技巧

fd5dd8227c026bfa4f39755a9784cfd03 平面廣告展示小技巧


如何設(shè)計(jì)出優(yōu)秀的 App 導(dǎo)航欄

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

【導(dǎo)讀】為了在手機(jī)屏幕給定的范圍內(nèi)展示出更多內(nèi)容,優(yōu)秀的導(dǎo)航欄設(shè)計(jì)將起到關(guān)鍵性作用,對(duì)于不同的操作也當(dāng)因地制宜地選則不同的設(shè)計(jì)方案。

  導(dǎo)航的設(shè)計(jì)是 App 設(shè)計(jì)發(fā)展過(guò)程中很值得玩味的地方,由于移動(dòng)設(shè)備特別是智能手機(jī)的屏幕尺寸有限,設(shè)計(jì)者們通常會(huì)將屏幕空間盡量留給主體內(nèi)容,優(yōu)秀的導(dǎo)航設(shè)計(jì)會(huì)讓用戶輕松到達(dá)目的地而又不會(huì)干擾和困惑用戶。

  經(jīng)典導(dǎo)航:tabbar

  Tabbar 的導(dǎo)航方式是由誰(shuí)發(fā)明的筆者不得而知,不過(guò)相信大家都同意是由蘋果將其傳播開(kāi)來(lái)。不僅很多蘋果的官方應(yīng)用采用了這種設(shè)計(jì),蘋果同樣大力推薦應(yīng)用開(kāi)發(fā)者優(yōu)先采用這種方式。從某種角度來(lái)說(shuō),tabbar 基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計(jì)。

如何設(shè)計(jì)出優(yōu)秀的 App 導(dǎo)航欄?,互聯(lián)網(wǎng)的一些事

手機(jī)產(chǎn)品設(shè)計(jì)之用戶引導(dǎo)

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

useredu1 手機(jī)產(chǎn)品設(shè)計(jì)之用戶引導(dǎo)

在手機(jī)產(chǎn)品的設(shè)計(jì)過(guò)程中,由于手機(jī)界面的承載能力有限,產(chǎn)品功能的不斷膨脹,必須要在用戶打開(kāi)應(yīng)用之后告知他某些新奇的功能,引導(dǎo)他完成某些主要任 務(wù)流程,讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法,體驗(yàn)到應(yīng)用的樂(lè)趣,新手引導(dǎo)成了一個(gè)必須考慮的設(shè)計(jì)環(huán)節(jié)。

用戶引導(dǎo)的直接目標(biāo)是幫助用戶更好的使用產(chǎn)品,終極目標(biāo)是提升用戶滿意度。雖然,大多數(shù)情況下,我們可以通過(guò)合理的設(shè)計(jì),盡可能的簡(jiǎn)化功能,讓用戶 無(wú)需引導(dǎo)和幫助,就可以完成必要的任務(wù)。但是實(shí)際上,手機(jī)產(chǎn)品的限制和對(duì)強(qiáng)大功能的追求,導(dǎo)致這個(gè)目標(biāo)很難達(dá)到,因此越來(lái)越多的應(yīng)用開(kāi)始使用用戶引導(dǎo)來(lái)幫 助用戶快速熟悉產(chǎn)品。


雜志類網(wǎng)站客戶端的閱讀體驗(yàn)

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

隨著蘋果iPad的推出,電子雜志類行的應(yīng)用大受好評(píng),電子閱讀需求量不斷增長(zhǎng)。傳統(tǒng)紙質(zhì)出版物的良好的視覺(jué)效果,互聯(lián)網(wǎng)巨大的信息資源庫(kù),將這兩者集合在一起就會(huì)誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動(dòng)內(nèi)容,輔以格式排版,讓用戶得到了無(wú)限量的優(yōu)秀資源以及良好的閱讀體驗(yàn)。

漂亮的CSS彈出窗效果

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

網(wǎng)頁(yè)設(shè)計(jì)中彈出窗一般用于簡(jiǎn)短的文字介紹,是十分常用的一個(gè)代碼。通過(guò)CSS3動(dòng)畫(huà)樣式,我們可以實(shí)現(xiàn)不同交互的彈出框。

css-window-effects

下面這個(gè)DEMO演試有19種不同動(dòng)畫(huà)效果的彈出窗,如向上、向左、右、全屏、漸變展示等等。

css-window-effects2

在線演試 代碼下載

響應(yīng)式WEB設(shè)計(jì)展示必備 – PSD

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

你最近是不是設(shè)計(jì)了一款時(shí)尚潮流大氣國(guó)際化并支持Responsive Web Design布局的網(wǎng)站界面?然后準(zhǔn)備向客戶展示一下你的才華?我知道你很牛X,但先別急哦,接下來(lái)加上這個(gè)RWD – PSD裝備才是最完美的組合。

RWD相關(guān)展示工具:超方便的移動(dòng)、平板設(shè)備在線截圖工具

用APPLE系列的產(chǎn)品設(shè)備UI來(lái)作為展示,我想這是最適合不過(guò)了!PSD分辨率:1400×800 PX, 這個(gè)滿足你高清的欲望了吧?

PSD素材有二個(gè)版本,下面展示的是

2013流行的綠寶石配色的網(wǎng)頁(yè)設(shè)計(jì)

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

讓我們一起看看網(wǎng)頁(yè)設(shè)計(jì)師是如何運(yùn)用“翡翠綠”來(lái)配色。

綠寶石配色的網(wǎng)頁(yè)設(shè)計(jì)

Popular color for 2013

這里也有一些關(guān)于翡翠綠的介紹以及作品欣賞

2013年流行設(shè)計(jì)色 - 翡翠綠

查看網(wǎng)頁(yè)

 

2013流行的網(wǎng)站模板UI PSD下載

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

一般設(shè)計(jì)師的入門方法之一就是臨摹優(yōu)秀的大師級(jí)作品,網(wǎng)頁(yè)設(shè)計(jì)也不例外,如果你想學(xué)習(xí)優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì),而且是設(shè)計(jì)新手,那么臨摹別人的設(shè)計(jì)作品是最好的方法,當(dāng)然前提是你要懂photoshop的一些基本用法。

下面設(shè)計(jì)達(dá)人網(wǎng)為大家分享2013流行的網(wǎng)站UI模板,分別有fackbook、Github、apple等優(yōu)秀網(wǎng)站,這些網(wǎng)站UI設(shè)計(jì)十分優(yōu)秀,源文件的字體、圖標(biāo)、排版布局大小都和原來(lái)網(wǎng)站的一模一樣,細(xì)節(jié)很到位,值得下載來(lái)學(xué)習(xí)!

Facebook Timeline 網(wǎng)站模板

facebook-timeline-ui

下載地址:微盤下載

漂亮的國(guó)外網(wǎng)站模板下載

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

50-website-templates

對(duì)于新手網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō),可能拿到優(yōu)秀的網(wǎng)站模板PSD源文件是很好的,因?yàn)檫@樣可以從里面深入學(xué)習(xí)很多有用的技術(shù)和技巧,這些網(wǎng)頁(yè)模板設(shè)計(jì)很精致,設(shè)計(jì)師們應(yīng)該認(rèn)真看看它們的設(shè)計(jì)細(xì)節(jié)、如何用柵格線布局、配色方案等等。

日歷

鏈接

個(gè)人資料

存檔