首頁(yè)

設(shè)計(jì)師必須掌握的貝塞爾曲線的秘密

博博

有沒(méi)有觀察過(guò)你喜歡的插畫師們未完成的作品?仔細(xì)觀察,你會(huì)發(fā)現(xiàn)他們非常著迷于調(diào)整貝塞爾曲線的手柄(也就是鋼筆工具畫出來(lái)的曲線啦~),并且力圖讓調(diào)整曲線的手柄盡量水平或者垂直。為什么呢?

我想通過(guò)這個(gè)教程,為力圖探尋此道的設(shè)計(jì)師們打開一扇門,指引方向。當(dāng)然,首先你熟練使用AI和PS中的鋼筆工具才行。

指導(dǎo)最近我才開始探尋這些操作的意義,并且力圖去發(fā)覺插畫師們?yōu)橹杂诖恕J聦?shí)證明,讓手柄保持水平和垂直可以為調(diào)整曲線省下一大堆的時(shí)間和精力。

傳遞數(shù)據(jù)背后的故事——圖表設(shè)計(jì)

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

圖表設(shè)計(jì)是數(shù)據(jù)可視化的一個(gè)分支領(lǐng)域,是對(duì)數(shù)據(jù)進(jìn)行二次加工,用統(tǒng)計(jì)圖表的方式進(jìn)行呈現(xiàn)。數(shù)據(jù)是事實(shí)或觀察的結(jié)果,是對(duì)客觀事物的邏輯歸納,通常一 個(gè)具體的數(shù)字比一個(gè)模糊的說(shuō)法更加具有可信度和說(shuō)服力。但單純的數(shù)字本身并不能提供足夠的影響力,假設(shè)一個(gè)淘寶女裝賣家3月份的成交金額是50萬(wàn),這個(gè)數(shù) 據(jù)本身并不能說(shuō)明什么問(wèn)題,但是當(dāng)你加上4月份60萬(wàn),5月份的成交金額70萬(wàn)等多個(gè)月的數(shù)據(jù),通過(guò)折線圖的方式呈現(xiàn),可以判斷出成交金額是上升趨勢(shì),再 結(jié)合去年同時(shí)段的銷售曲線進(jìn)行對(duì)比和其他維度信息的補(bǔ)充(圖1-1),可能推斷出是因?yàn)閾Q季所帶來(lái)得銷量增長(zhǎng),店鋪可以考慮加大夏季款的上新。所以我們說(shuō) 圖表是解讀數(shù)字的一種強(qiáng)有力的手段。

圖1-1

8個(gè)在網(wǎng)頁(yè)設(shè)計(jì)中即將被淘汰的趨勢(shì)

博博

時(shí)代一直在變,一個(gè)又一個(gè)的創(chuàng)新讓我們感到驚訝萬(wàn)分。網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)如同流星,光芒耀眼,但來(lái)得快、去得也快。雖然跟風(fēng)很不好,顯得毫無(wú)設(shè)計(jì)主見,但很多設(shè)計(jì)潮流確實(shí)值得追隨。就像當(dāng)下響應(yīng)式設(shè)計(jì)、扁平化設(shè)計(jì)、以及滾動(dòng)視差等。

可是呢,還有很多極為”糟粕”的設(shè)計(jì)趨勢(shì),本文一一列舉,請(qǐng)君對(duì)號(hào)入座。

 

濃縮的精華!從零開始帶你認(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 探尋之路》,不落人后,來(lái)學(xué)習(xí)吧。

想跟上大潮流,這篇熱門好文少不了:《我的征程是未來(lái)!帶你展望2015年最重要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)》不管是 PC 還是移動(dòng)端,圖片一直是流量大頭,以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對(duì)圖片的質(zhì)量提出了更高的要求,如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積,成為了一個(gè)有價(jià)值且值得探索的事情。

眼前一亮!25個(gè)令人心動(dòng)不已的全屏網(wǎng)站欣賞

博博

來(lái)源:優(yōu)設(shè)網(wǎng)

Draftfcb

全屏背景網(wǎng)站是吸引訪客的方式之一,且適用領(lǐng)域非常廣。

平常網(wǎng)站,講究字體、排版、配色等等。但對(duì)于全屏網(wǎng)站,一個(gè)漂亮的姑娘 or 帥氣的小哥出境顯得尤為重要。今天我們收集了30個(gè)優(yōu)秀的全屏網(wǎng)站案例,如你所見,美女帥哥總是讓人眼前一亮 :)溫馨提醒:看完這些網(wǎng)站,可能童鞋們的心開始小鹿亂撞了。在此奉上靜心丸一枚:多讀書,讀好書??偙O(jiān)級(jí)設(shè)計(jì)師推薦閱讀→ 《設(shè)計(jì)師必備圖書目錄》

Ditto Residential

Ditto Residential

 

26個(gè)來(lái)自英國(guó)最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)

博博

the-best-england-website-1

如果你也著迷英倫風(fēng),那么你一定那句耳熟能詳?shù)摹癒eep Calm and Carry On”,這句著名的標(biāo)語(yǔ)可以向上追溯到1939年。隨著英倫風(fēng)在世界范圍內(nèi)的流行和網(wǎng)絡(luò)的快速發(fā)展,這句話也出現(xiàn)了許多變種,比如設(shè)計(jì)師的版本:“Keep Calm and … Design”。這些有趣的文化現(xiàn)象,不僅激發(fā)了英國(guó)人的創(chuàng)意,還間接催生了許多優(yōu)秀的英國(guó)網(wǎng)站。

作為一個(gè)歷史悠久也獨(dú)具個(gè)性的歐洲國(guó)家,英國(guó)有著豐富的文化和藝術(shù)遺產(chǎn),如同“Keep Calm and … Design”這樣古典與現(xiàn)代互動(dòng)式的設(shè)計(jì)對(duì)英倫設(shè)計(jì)師而言簡(jiǎn)直是信手拈來(lái),和諧自然。除了這種獨(dú)特的創(chuàng)意特征之外,英國(guó)網(wǎng)站還有一個(gè)獨(dú)到之處:來(lái)自英格蘭、威爾士、蘇格蘭和愛爾蘭的藝術(shù)家的緊密合作,將不同地區(qū)的文化藝術(shù)都融合到了網(wǎng)站里面。

配色弱的進(jìn)來(lái)!如何巧用色彩打造動(dòng)人心弦的網(wǎng)頁(yè)設(shè)計(jì)

博博

color-psychology-web-design-1

色彩心理學(xué)被廣泛地運(yùn)用到各個(gè)設(shè)計(jì)領(lǐng)域,這早已不是什么秘密。從日常的雜貨到LOGO設(shè)計(jì),色彩所起到的作用越來(lái)越大,它是給用戶傳遞信息的最重要的因素之一。

根據(jù)Kissmetrics 的說(shuō)法,當(dāng)我們看到一個(gè)色彩的時(shí)候,信息會(huì)傳遞到大腦的下丘腦的某個(gè)區(qū)域中。接下來(lái),信號(hào)會(huì)進(jìn)一步傳遞到腦垂體,然后到甲狀腺腺體。這也就意味著,色彩會(huì)刺激大腦和腺體分泌激素,引發(fā)出我們的情緒反應(yīng),并影響我們的行為。

科學(xué)研究表明,色彩會(huì)影響情緒,會(huì)招致正面的情緒,也能帶來(lái)負(fù)面的影響,有的時(shí)候帶來(lái)的情緒與實(shí)際要的并不匹配。Kissmetrics 接著補(bǔ)充道,網(wǎng)站的訪客通常只需要大概90秒就能針對(duì)一個(gè)網(wǎng)站作出判斷和選擇,而在者其中,有62%~90%的因素是取決于某個(gè)產(chǎn)品的色彩。

緊跟潮流之布局篇!2015年至關(guān)重要的四種排版趨勢(shì)

博博

2015-4-essential-layout-trends-1

編者按:讓網(wǎng)站布局創(chuàng)意爆棚!互聯(lián)網(wǎng)變化千千萬(wàn),排版模式不離其宗,但總有些非同尋常的布局創(chuàng)意驚艷到我們,它們也最有可能風(fēng)靡2015年,今天@十萬(wàn)個(gè)為什麼同學(xué)總結(jié)了即將流行的四種排版趨勢(shì),一起跟上來(lái)吧!

2015即將流行的設(shè)計(jì)趨勢(shì):

近十年來(lái),互聯(lián)網(wǎng)已經(jīng)發(fā)生了翻天覆地的變化,然而它其實(shí)一點(diǎn)也沒(méi)變。如果看看10年前,我們會(huì)發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁(yè)頭、頁(yè)腳、側(cè)邊欄和內(nèi)容區(qū)域,構(gòu)成了這種直截了當(dāng)?shù)牟季?。這是人們預(yù)期中的網(wǎng)頁(yè)排版。同時(shí)期Macromedia Flash的興起,引領(lǐng)其他排版方式進(jìn)入了一個(gè)新的時(shí)代。布局不必再拘泥于固定格式。當(dāng)然,隨著FLASH的衰退,這種方式也稍稍淡出……我說(shuō)稍稍,是因?yàn)樗缃裼志硗林貋?lái)了。

如何寫好一份設(shè)計(jì)文檔

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

Flow流程圖也是一個(gè)常用工具,可以總結(jié)出不同場(chǎng)景下用戶使用產(chǎn)品的流程和步驟是怎樣的,可能產(chǎn)生怎樣的分支需要在設(shè)計(jì)中考慮到,在哪些地方可能產(chǎn)生較大的流失,步驟是否可以合并優(yōu)化,能否抽象出通用的流程來(lái)構(gòu)建框架設(shè)計(jì)等。

wireframe_kit_free_05

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

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

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

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

micu20150820 (1)

日歷

鏈接

個(gè)人資料

存檔