首頁

淺談banner設(shè)計

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

關(guān)于Banner的設(shè)計,相信已經(jīng)有很多人都看過這方面經(jīng)驗的分享了,我來公司也做過了一些Banner的設(shè)計,那在這其中通過不斷的學(xué)習(xí)、實踐積累了自己的一些小小經(jīng)驗和方法,下面給大家淺淺的分享下我總結(jié)的Banner設(shè)計經(jīng)驗。如有錯誤,盡管拍磚,小女子虛心請教學(xué)習(xí)。


Banner設(shè)計其實是我們接觸互聯(lián)網(wǎng)工作后,最常見一種工作。那么Banner到底是什么呢?Banner的核心使命其實是吸引用戶關(guān)注,然后被點(diǎn)擊。他的主旨就是主題明確,突出關(guān)鍵內(nèi)容,抓住用戶眼球。一個Banner他是由“背景、主視覺和標(biāo)題文字”三部分組成,在我剛剛接到需求的時候,我首先分析他的重點(diǎn)詞、字,想要表達(dá)什么,分析好了后可以在紙上畫下草稿,在大腦里有個大概的視覺效果,想法多的話可以畫幾版不一樣的,最后根據(jù)草稿定一個定稿,接下來就可以找素材著手做了。在做期間,還要注意整體的美觀,讓人看起來舒服。
下面從這三部分逐一給大家分享下。

登錄圖的趣味設(shè)計

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

2.畫出線描后根據(jù)背景色的主色調(diào)對線條進(jìn)行粗細(xì)及顏色調(diào)整。然后再添加一些實物做一下對比。

線描場景

不要讓“合理性”成為阻礙設(shè)計前行的絆腳石

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

“這個不符合用戶的心理”,“這個功能打破了我們產(chǎn)品整體的平衡性,放在這里在我看來是不太合理的”…

作為互聯(lián)網(wǎng)行業(yè)里萬千鼠標(biāo)民工中的一員,諸如以上的對話,每天都在我們的生活中不斷演繹著。合理性慢慢的成為了檢驗我們專業(yè)技能以及設(shè)計水平最重要的一種指標(biāo);誠然,足夠的合理性能夠為我們所設(shè)計的產(chǎn)品保駕護(hù)航,能夠給其帶來可預(yù)見性的回報和收獲,但長此以往,卻很難再出現(xiàn)令我們叫“WOW??!”的產(chǎn)品了。讓我們來看顆栗子~ 

iPhone5自9月13日發(fā)布以來,就受到了前所未有的神吐槽,在這一次,大家都能很明顯的感受到?jīng)]有了喬幫主以后,蘋果不再是創(chuàng)新界的翹楚了。

1

從Metro設(shè)計語言談WEB設(shè)計中的排版

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


 


首先談一下“Metro”——由微軟公司開發(fā)內(nèi)部名稱為“ typography-based design language”(基于排版的設(shè)計語言)。


Metro是基于瑞士平面設(shè)計的設(shè)計原則(清晰,真實,美觀),來源于交通指示牌。生活中人們行色匆匆,更需要提供快速,簡潔,直接,明確的設(shè)計?,F(xiàn)在的互聯(lián)網(wǎng)又何嘗不是如此,快捷獲取信息的同時,信息泛濫、龐雜無序,簡潔之風(fēng)深入人心——減少元素,以顯現(xiàn)本質(zhì)。良好的排版有助于Web設(shè)計更加簡潔有效。

 

扁平化——2013年新的設(shè)計趨勢

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

越來越多的設(shè)計網(wǎng)站已在UI上走扁平式設(shè)計的路線。談到設(shè)計,無論是一個網(wǎng)站還是一個應(yīng)用程序,扁平化和極簡的設(shè)計正在成為新的趨勢。人們正在遠(yuǎn)離一直很受歡迎的skeuomorphism設(shè)計(模仿實物紋理),蘋果推出iOS時許多設(shè)計師都采用它。


但隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著更加扁平化的設(shè)計,你可以一次保證在所有的屏幕尺寸上它會很好看。


 

下面給出一些扁平化設(shè)計很好的例子。


 


 


 

2013年數(shù)字化設(shè)計界面設(shè)計趨勢

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

數(shù)字化設(shè)計,尤其是界面設(shè)計,新趨勢之一就是簡單。其實微軟早在2007年可能已經(jīng)開始進(jìn)行對簡單界面的追求了,當(dāng)時他們推出的Zune播放器擁有優(yōu)美的排版界面。盡管該產(chǎn)品的有些失敗,但其UI進(jìn)行了改進(jìn)并且應(yīng)用到Windows Phone和Windows 8界面設(shè)計里。另一方面iOS上在大量逼真的紋理和深度的基礎(chǔ)上,加上漸變、光澤的風(fēng)格效果和陰影效果,但是我們開始看到越來越多適用于所有平臺的應(yīng)用程序采用了更簡約的方式。


 

在這篇文章中,我們配合一些漂亮的設(shè)計說明這一趨勢。這些照片來自Dribbble,點(diǎn)擊圖片可訪問作者頁面獲取更多信息。
 


 

Regy Perlera
 


 


 

2012年最精彩的15個 CSS3 教程

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

01. 使用jQuery和CSS3實現(xiàn)翻轉(zhuǎn)滑塊

展示產(chǎn)品的方法有很多,其中之一是使用網(wǎng)格樣式的滑塊效果。

在本教程中,我將分享如何使用 jQuery  和 CSS3  變換實現(xiàn)翻轉(zhuǎn)滑塊效果的產(chǎn)品展示。

2012年CSS3教程 -  15

日歷

鏈接

個人資料

存檔