首頁(yè)

商圈里的“動(dòng)物明星”

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

Logo是企業(yè)文化的重要部分,更是企業(yè)最快被普羅大眾記住的符號(hào)。它是企業(yè)的烙印,無(wú)論走到哪里,看到Logo,人們就會(huì)知道它是誰(shuí)。企業(yè)的Logo從誕生到廣為人知必將經(jīng)歷許多改動(dòng)。越來(lái)越多的企業(yè)重視Logo的設(shè)計(jì),甚至重金購(gòu)買。而今,商圈里的Logo可謂是琳瑯滿目,除了字母Logo之外,那些以具體的人物或者動(dòng)物作為形象的Logo總能讓人記憶猶新。這些商圈里的動(dòng)物明星們有哪些不一樣的故事,他們的Logo背后又有一個(gè)什么樣的故事?瞧瞧!

看到這14個(gè)物品的創(chuàng)意包裝,是否會(huì)激發(fā)你的購(gòu)買欲望?

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

這14個(gè)物品的創(chuàng)意包裝,是否會(huì)激發(fā)你的購(gòu)買欲望?

1. 爆炸頭面包

蝴蝶換個(gè)方向飛,MSN 啟用全新酷黑 logo

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

Google在品牌塑造上,Google 已被證明做得極為成功,而且在視覺(jué)表現(xiàn)層面,Google 系產(chǎn)品具備著“一致性”和“連貫性”,這讓 Google 獲得了品牌識(shí)別上的利益。


2012年,Google 開(kāi)始在實(shí)驗(yàn)室內(nèi)部推行一個(gè)“Google”式的視覺(jué)設(shè)計(jì)指引,幫助 Google 的設(shè)計(jì)師和合作伙伴們更好的學(xué)習(xí)和理解 Google的風(fēng)格語(yǔ)言,Google的創(chuàng)意總監(jiān)Chris Wiggins率領(lǐng)團(tuán)隊(duì)完成了這樣一份指引,這里摘錄部分精華內(nèi)容,用來(lái)學(xué)習(xí)和分享。

google 的視覺(jué)設(shè)計(jì)理念

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

2012年,Google 開(kāi)始在實(shí)驗(yàn)室內(nèi)部推行一個(gè)“Google”式的視覺(jué)設(shè)計(jì)指引,幫助 Google 的設(shè)計(jì)師和合作伙伴們更好的學(xué)習(xí)和理解 Google的風(fēng)格語(yǔ)言,Google的創(chuàng)意總監(jiān)Chris Wiggins率領(lǐng)團(tuán)隊(duì)完成了這樣一份指引,這里摘錄部分精華內(nèi)容,用來(lái)學(xué)習(xí)和分享。

10招搞定web設(shè)計(jì)風(fēng)格指南

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

10招搞定web設(shè)計(jì)風(fēng)格指南


今時(shí)今日,網(wǎng)站的創(chuàng)建正變得越來(lái)越復(fù)雜,而且一般都不是一個(gè)人就能干的了的。在創(chuàng)建網(wǎng)站過(guò)程中,我們需要保證設(shè)計(jì)前后一致,并符合業(yè)務(wù)目標(biāo),同時(shí)還要盡全力為用戶打造有趣的使用體驗(yàn)。

為了確保整個(gè)團(tuán)隊(duì)在設(shè)計(jì)網(wǎng)站各個(gè)組成部分或在改善開(kāi)發(fā)人員設(shè)計(jì)成果時(shí)彼此之間能夠充分協(xié)調(diào)一致,你需要編寫(xiě)一份設(shè)計(jì)文檔或web設(shè)計(jì)風(fēng)格指南作為指導(dǎo)。

風(fēng)格指南能夠保證不同的頁(yè)面共同擁有一套核心的體驗(yàn)效果。另外,其還有助于保證未來(lái)的開(kāi)發(fā)或第三方創(chuàng)作工作不偏離最初的品牌路線,能夠與整體品牌保持一致。

Luke Clum曾在去年簡(jiǎn)略地介紹過(guò)如何編寫(xiě)風(fēng)格指南并將其作為web設(shè)計(jì)的第一步驟,那么現(xiàn)在我想更加深入地探討一下如何針對(duì)你的項(xiàng)目編寫(xiě)一份有效的web設(shè)計(jì)風(fēng)格指南。

別再自命不凡了,設(shè)計(jì)師

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

設(shè)計(jì)界存在一個(gè)問(wèn)題。這不是薪酬水平的不平等,或者崗位的差距,也不是童工問(wèn)題,但它確實(shí)是個(gè)問(wèn)題。


設(shè)計(jì)師當(dāng)中有一種自命不凡的流行病。有些人只沾染了一點(diǎn)點(diǎn),體現(xiàn)為一種諷刺的憤世嫉俗。還有些完全是太把自己當(dāng)回事了,并且對(duì)此毫不自知。


不論哪種,是時(shí)候結(jié)束這樣的局面了。沒(méi)錯(cuò),我在呼吁這些設(shè)計(jì)師別再自命不凡


細(xì)節(jié)決定品質(zhì)

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

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uehtml.com/post/15085/

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

首先不談設(shè)計(jì)我想談下剪頭發(fā),我們每個(gè)人都要修剪頭發(fā),特別是男人,以前我的頭發(fā)是媽媽剪的,那時(shí)的她是以節(jié)約為目的的,她覺(jué)得她剪的很好,我也這么認(rèn)為,所以我一直覺(jué)得我不適合短發(fā),不是她剪的不好,而是我不適合,直到過(guò)了二十多年,我在深圳發(fā)現(xiàn)大家都是短發(fā)很潮,于是決心在試次,結(jié)果是令我自己滿意的,那個(gè)師傅慢慢修,慢慢剪,理發(fā)師自己本身就穿著整齊頭發(fā)干凈很精致,干了10年了,很多年輕人理發(fā)2側(cè)是用推子直接鏟的,但是他是慢慢用剪子和梳子修的,剪好,人整個(gè)精致了很多,更有氣質(zhì)了,突然發(fā)現(xiàn)很多事情都是想通的!


作為設(shè)計(jì)師,聽(tīng)到最多的無(wú)非就是我們要高大上,大氣,有品質(zhì),什么是高大上,是有品質(zhì)的設(shè)計(jì),其實(shí)很多人對(duì)高大上的理解并不是來(lái)源于網(wǎng)上的設(shè)計(jì),你去看一個(gè)世界杯宣傳短片,去看一個(gè)演唱會(huì),你會(huì)有比較,感覺(jué)這個(gè)演唱會(huì)很有品質(zhì),看一部電影知道這是個(gè)大作,并不是因?yàn)橐粡埡?bào),一個(gè)韓國(guó)的MV你會(huì)覺(jué)得畫(huà)面很美,這里面有很多元素,文化上的美,他們有一個(gè)共同點(diǎn),都是很用心,很細(xì)心,很專心去完成他們的藝術(shù)作品。 


很多人印象中,香港人很精致,我們買衣服的時(shí)候也會(huì)想挑一些香港品牌,每周深圳有好多人排隊(duì)去香港淘衣服及很多好東西,在香港街上我發(fā)現(xiàn)他們穿衣服很精致,扣子很多是扣到最上面,頭發(fā)梳理的很整齊,皮鞋擦的很亮,很多香港老人也會(huì)穿戴整齊,我們會(huì)覺(jué)得他們活的很精致,香港早年淪為殖民地,英國(guó)的文化對(duì)他們影響很深,這就是為什么我們記住了英國(guó)紳士,他們的談吐等,其實(shí)說(shuō)這么多,就表達(dá)品質(zhì)感來(lái)源與對(duì)生活美的追求,來(lái)源于精益求精的每一個(gè)細(xì)節(jié)的追求與把握!



1  文字的細(xì)節(jié)



上圖打叉的是我們經(jīng)常忽略的小細(xì)節(jié),用系統(tǒng)默認(rèn)的字的大小打完專題專題,你會(huì)發(fā)現(xiàn)其實(shí)字體對(duì)中文和英文大小是不一樣的,上圖明顯數(shù)字“8”相比較“月”和“日”略小,這樣,標(biāo)題會(huì)有種上下起伏的感覺(jué),不穩(wěn)當(dāng),第二個(gè)是字的間距,默認(rèn)打完嘆號(hào)離文字過(guò)遠(yuǎn),直接斷開(kāi)了2句話,有必要去調(diào)整下字的間距,調(diào)整后字號(hào)也變得更大空間得到合理運(yùn)用!



(實(shí)際運(yùn)用案例)



錯(cuò)誤的示意里我們選用了一款常用的書(shū)法字體,當(dāng)然結(jié)果是不理想的,也許項(xiàng)目會(huì)反饋你不夠大氣,無(wú)論在筆觸上,字形上都不是一個(gè)很好的選擇,但是現(xiàn)有的字體無(wú)法滿足你的要求,怎么辦,你可以利用一些在線書(shū)法生成一些毛筆字,但是要注意的是生成的很多字在筆觸粗細(xì)上都不一樣,很容易讓你幾個(gè)字放在一起看著很別捏,如果你沒(méi)有很好的書(shū)法,你需要多下載一些書(shū)法筆觸,找出一些字特點(diǎn)并移植到你選中的另外幾個(gè)字上,在適當(dāng)?shù)牡胤郊哟止P觸,這也是一個(gè)慢慢磨的過(guò)程,但是能提高不少作品的品質(zhì)感!



(實(shí)際運(yùn)用案例)



上圖本身運(yùn)用問(wèn)題也不大,但是因?yàn)槲覀兇钆涞乃夭氖且粋€(gè)Q版人物,所以為了增加設(shè)計(jì)的快樂(lè)感在里面,依然重新手寫(xiě)了胖乎乎的字體設(shè)計(jì)達(dá)到我們想你要的感覺(jué)!



上圖對(duì)文字的排版無(wú)疑很有問(wèn)題,我們正常閱讀順序是白吃今天你了么,這樣的設(shè)計(jì)實(shí)在無(wú)法讓人產(chǎn)生好感!品質(zhì)感就大打折扣



2  圖形



我們經(jīng)常做按鈕或?qū)Ш交蛘吲虐娴臅r(shí)候總會(huì)ctrl+t改變圖形的大小,單即使你用的是矩形工具拉的一個(gè)矢量圖形,在你反復(fù)改變大小的時(shí)候會(huì)出現(xiàn)虛邊,有時(shí)候你不仔細(xì)看看不出,但是當(dāng)你對(duì)圖形進(jìn)行描邊等效果問(wèn)題就會(huì)暴露,整個(gè)頁(yè)面充滿了這種虛邊的時(shí)候,你會(huì)感到網(wǎng)頁(yè)很模糊,就像胡子沒(méi)刮干凈的感覺(jué),不舒服!



3  底紋

國(guó)慶干貨第一波!20個(gè)實(shí)用便捷的CSS3工具、庫(kù)及實(shí)例

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

編者按:坊間傳聞,有本CSS的高手煉成秘籍在江湖失傳已久,書(shū)中所載,多為的驚人技術(shù)與實(shí)例示范,是為集大成者,一旦學(xué)成,代碼效率猛增,功力提升數(shù)倍,今日偶獲,不敢怠慢,趕緊發(fā)到優(yōu)設(shè),望人人受益。說(shuō)人話:好東西呀快來(lái)看呀!

在本列表中,。我們從多位藝術(shù)家那里搜集了驚人的例子,足以證明使用CSS,一切皆有可能。我們還收集了一些關(guān)于CSS 3的不可思議新功能的文章,以及一些有用的CSS庫(kù)。接下來(lái)的內(nèi)容會(huì)讓你目不轉(zhuǎn)睛,所以讓我們開(kāi)始吧!

不可思議的CSS 3新功能:Tutorialzine.com

為了充分感受這些例子你需要的瀏覽器,比如Chrome。

UI設(shè)計(jì)師大禮包!2014年最全的ANDROID GUI模板和線框圖免費(fèi)下載

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

編者按:距離上次分享GUI模板有很長(zhǎng)時(shí)間了,這段時(shí)間里設(shè)計(jì)趨勢(shì)不斷變化,谷歌推出了的Android L以及全新的界面設(shè)計(jì),UI設(shè)計(jì)師又有得忙了,今天收集了一組實(shí)用的GUI模板和線框圖,包含的Android4.4,Material Design,Android 可穿戴設(shè)備等等,控件全面,拿來(lái)即用,建議收藏待用呦。

日歷

鏈接

個(gè)人資料

存檔