首頁

如何在界面設(shè)計(jì)中“色”誘用戶?

用心設(shè)計(jì)

在設(shè)計(jì)過程中,如何最佳地搭配顏色,誘導(dǎo)用戶視線?是不是在為圖標(biāo)選擇什么顏色而煩惱,反反復(fù)復(fù)地嘗試,總不能達(dá)到想要的效果。是不是總在羨慕“別人家的設(shè)計(jì)”,而苦于無從下手?其實(shí)所有的顏色都有些小規(guī)律,今天 就和大家聊一聊“色”。

作者微信公眾號(hào):MICU設(shè)計(jì)

micu20150820 (1)

超實(shí)用的APPLE WATCH 模板

用心設(shè)計(jì)

雖然目前Apple Watch的銷量趨于平穩(wěn),但是從大趨勢(shì)上來看,它依然是年度最熱的產(chǎn)品之一。隨著9月的臨近,新一代的Apple
Watch 已經(jīng)不遠(yuǎn)了。熱門移動(dòng)端應(yīng)用的Apple Watch 版先后推出,促使越來越多的設(shè)計(jì)師開始為Apple Watch APP
制作概念設(shè)計(jì)稿以及相應(yīng)的設(shè)計(jì)素材。

在過去的一年多時(shí)間里面,Behance 和 Dribbble 上開始出現(xiàn)大量的Apple Watch 應(yīng)用設(shè)計(jì)稿,這些復(fù)雜而具有開拓性的UI設(shè)計(jì)稿擁有著難以置信的外觀和令人難忘的奇思妙想。如果你對(duì)于Apple Watch同樣保持熱忱的話,不妨看看下面的設(shè)計(jì)素材,這些模板、線框圖和原型可以讓你快速開始新一輪的產(chǎn)品設(shè)計(jì)。

WATCH APPS CONCEPT

寫給剛?cè)胄械脑O(shè)計(jì)師:如何尋找設(shè)計(jì)靈感?

博博

ca71ddfe49837002f6bd7052d4a1023f5b508cf5292c8-Ubw1CE_fw658

基于上一篇文章《畢業(yè)生必看!剛?cè)胄械脑O(shè)計(jì)師如何敲開大公司的門》的發(fā)表,收到了很多很多朋友的反饋和留言,幾天之間微博,微信平臺(tái)和我的專欄多了數(shù)以百計(jì)的設(shè)計(jì)師朋友的關(guān)注和留言,一時(shí)之間覺的自己的一篇文章真的幫助到了很多的年輕朋友,這樣讓我也思考到底什么樣的經(jīng)驗(yàn)分享最能幫助到有困惑的設(shè)計(jì)師朋友,所以這一次的文章,我想和大家聊聊年輕的設(shè)計(jì)師在沒有那么多經(jīng)驗(yàn)的情況下如何尋找設(shè)計(jì)師靈感。(希望這篇文章也能幫助感同身受的你) 每個(gè)設(shè)計(jì)師對(duì)設(shè)計(jì)都有自己的認(rèn)知,有人把它當(dāng)藝術(shù),有人把它當(dāng)手藝活,有人把它當(dāng)技術(shù),也有人把它當(dāng)商業(yè)實(shí)現(xiàn),我認(rèn)同的是,當(dāng)你還沒有成為大師之前,設(shè)計(jì)都只是一個(gè)職業(yè)而已。商業(yè)和藝術(shù)的交雜,但是商業(yè)的部分遠(yuǎn)遠(yuǎn)大于藝術(shù)那部分,千萬別太把自己當(dāng)回事。

濃縮的精華!從零開始帶你認(rèn)識(shí)的圖片格式WEBP

博博

image-format-webp-introduction-1

編者按:相信走在前列的設(shè)計(jì)師已經(jīng)知道了WebP這種圖片格式,比起JPEG、PNG 和 GIF ,它能在保證圖片精細(xì)度的同時(shí)縮小圖片體積,在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天騰訊的同學(xué)@Hahn__ 研究后總結(jié)了一篇深度技術(shù)文《WebP 探尋之路》,不落人后,來學(xué)習(xí)吧。

想跟上大潮流,這篇熱門好文少不了:《我的征程是未來!帶你展望2015年最重要的網(wǎng)頁設(shè)計(jì)趨勢(shì)》

前言

不管是 PC 還是移動(dòng)端,圖片一直是流量大頭,以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對(duì)圖片的質(zhì)量提出了更高的要求,如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積,成為了一個(gè)有價(jià)值且值得探索的事情。

網(wǎng)頁設(shè)計(jì)新趨勢(shì)!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

博博

color-effact-1

編者按:純色和漸變?cè)诟呤盅劾锊粌H是顏色的組合,它們可以引導(dǎo)視覺焦點(diǎn)、渲染氛圍、傳遞情緒等等,是網(wǎng)頁設(shè)計(jì)新的一個(gè)流行趨勢(shì)。想運(yùn)用好它們,最要緊是在色彩搭配與透明度上下功夫,今天由一群設(shè)計(jì)師高手用真實(shí)案例給同學(xué)們上課,教你正確地利用它們。

在當(dāng)今這個(gè)充斥著先進(jìn)的和精妙風(fēng)格的世界中,誰曾料到,像純色和漸變這樣簡(jiǎn)單的手法,竟能夠催化出創(chuàng)造力,并極大提升網(wǎng)站的美學(xué)水準(zhǔn)?現(xiàn)代網(wǎng)頁設(shè)計(jì)師們,證明了優(yōu)雅的插畫、精致的圖形和壯麗的照片,都能在彩色濾鏡效果下很自然地得到強(qiáng)調(diào)。氣氛煥然一新,網(wǎng)站開始變得光彩奪目。的確,它有助于解決某些問題。

網(wǎng)頁設(shè)計(jì)新趨勢(shì)!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

首先,彩色濾鏡能給網(wǎng)站耳目一新的外觀,卻不會(huì)增加負(fù)擔(dān) 。其次,它通過搭配傳遞各種情緒的色彩,很好地豐富了設(shè)計(jì)。第三,作為一層低透明度的遮罩,它不會(huì)掩蓋主背景的魅力,對(duì)于想要輕微淡化輪播圖或視頻區(qū)域,卻仍希望其吸引力不減的人 ,這點(diǎn)尤其有用。最后,它為前面的內(nèi)容提供了堅(jiān)實(shí)的基礎(chǔ),兼顧了可讀性。

這種方案能非常協(xié)調(diào)地與各種元素協(xié)作:提供強(qiáng)烈反差的白色、極受歡迎的扁平風(fēng)格元素,還有為項(xiàng)目增添精致微妙感的輪廓式圖形。

這里有些杰出的網(wǎng)頁設(shè)計(jì),示范了如何正確地運(yùn)用這項(xiàng)技巧。

2015年最有價(jià)值的30個(gè)響應(yīng)式WORDPRESS主題

博博

2015-30-best-responsive-wordpress-themes-1

必須承認(rèn),Wordpress依然是目前最流行、最易用的內(nèi)容管理系統(tǒng),合理地使用Wordpress主題能夠讓你的網(wǎng)站化身千萬,適應(yīng)不同需求,不論是新聞門戶,還是時(shí)尚小站。

也正是這種強(qiáng)大的可塑性,使得用戶對(duì)于Wordpress主題有著極為旺盛的需求。經(jīng)典的Wordpress主題被人追捧,新的趨勢(shì)和需求也促使新的主題問世。這也是為什么每逢年底都會(huì)有年終Wordpress主題大賞,每年年初又會(huì)有許多用戶到處搜羅新的主題。

今天的文章,就幫大家總結(jié)了一下2015年截至現(xiàn)在最值得入手、最有價(jià)值的響應(yīng)式Wordpress主題,希望能給你幫助!

從菜鳥到高手!PHOTOSHOP摳圖全方位攻略

博博

來自微博網(wǎng)友:@小丑出品

這才是我學(xué)習(xí)Photoshop的動(dòng)力??!如果你對(duì)此也有著狂熱的興趣,那就繼續(xù)讀下去吧。攻略分為三部分,

基礎(chǔ)篇

  • 最常見的幾種摳圖方法
  • 切圖絕技之摳圖大法
  • 教你使用抽出濾鏡

實(shí)例演練

  • 摳頭發(fā)絲的技巧
  • 簡(jiǎn)單幾步摳出火焰素材
  • 利用通道摳出婚紗人像

神器推薦

  • 在線摳圖神器
  • 萬人好評(píng)的神器Kockout

同學(xué)們可以自己選擇對(duì)應(yīng)的部分學(xué)習(xí) :)

基礎(chǔ)篇(一)

最常用的摳圖方法:

一、魔術(shù)棒法——最直觀的方法

適用范圍:圖像和背景色色差明顯,背景色單一,圖像邊界清晰。

方法意圖:通過刪除背景色來獲取圖像。

方法缺陷:對(duì)散亂的毛發(fā)沒有用。

設(shè)計(jì)師的必備技能!你需要學(xué)會(huì)設(shè)計(jì)有意義的動(dòng)效

博博

provide-meaning-with-motion-1

編者按:關(guān)于動(dòng)效設(shè)計(jì),我們探討過很多次。直到現(xiàn)在,我們?cè)絹碓角宄匾庾R(shí)到,動(dòng)效設(shè)計(jì)已經(jīng)無處不在,已經(jīng)成為了設(shè)計(jì)師們必須掌控的一個(gè)重要技能。參加過今年的Google I/O大會(huì)之后,設(shè)計(jì)師Paul Stamatiou 也充分認(rèn)識(shí)到這一點(diǎn),并撰寫了這篇博客。這篇文章是一支號(hào)角,動(dòng)效設(shè)計(jì)在過去還是趨勢(shì),但是從此刻開始,它成為了我們必將面對(duì)的新陣地。

在今年的Google I/O大會(huì)上,我參加了一個(gè)小的討論小組,一同探討跨平臺(tái)設(shè)計(jì)所面臨的挑戰(zhàn)。這次討論的內(nèi)容信息量非常大,就像第一次去拉斯維加斯的那種目不暇接的感覺。這次Google對(duì)Android上進(jìn)行了許多令人振奮的改進(jìn),比如電池省電模式和全新的鎖屏通知,許多設(shè)計(jì)比之前的第三方插件都要來的優(yōu)秀。

優(yōu)設(shè)編輯的工作是怎樣的?

博博

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

how-uisdc-editor-work-1

來優(yōu)設(shè)一年多了,前幾天優(yōu)設(shè)哥跟我說可以聊聊自己的工作,今天花了一點(diǎn)時(shí)間寫出來,與同學(xué)們共勉。

幸運(yùn)就像七彩祥云

先說一下我跟優(yōu)設(shè)的結(jié)緣。

那時(shí)候很喜歡一個(gè)作家,將他的作品、訪談、書信都看了又看,還專門新開了一個(gè)微博,每天發(fā)一點(diǎn)他寫的東西。有一天在鳳凰網(wǎng)上看到他的專題:

QQ截圖20141111131534

突然就有了個(gè)想法,為什么不創(chuàng)建一個(gè)網(wǎng)站,把路遙老師相關(guān)的作品資料都搜集起來,作為祭奠呢?

當(dāng)下就有了自學(xué)的動(dòng)力,于是百度找教程,從各個(gè)網(wǎng)站轉(zhuǎn)戰(zhàn)到貼吧,始終沒有發(fā)現(xiàn)一個(gè)像正規(guī)軍的網(wǎng)站,在貼吧還讓一個(gè)“高手”騙了10塊錢,郁悶之余,想到微博上可能有這方面的人才,抱著碰運(yùn)氣的想法,到上面搜了網(wǎng)頁設(shè)計(jì),第一個(gè)推薦的就是優(yōu)設(shè),跟著到官網(wǎng)看了一下,感覺“哎呦,這網(wǎng)站像正品”就關(guān)注了。

在設(shè)計(jì)中建立視覺層級(jí)

用心設(shè)計(jì)

在設(shè)計(jì)網(wǎng)站的時(shí)候,圖片資源會(huì)在很大程度上幫助你設(shè)置站點(diǎn),以及顏色,排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設(shè)計(jì)正確的結(jié)合,他很可能會(huì)破壞你原本想呈現(xiàn)的感覺。

日歷

鏈接

個(gè)人資料

存檔