首頁(yè)

讓頁(yè)面更上檔次!網(wǎng)頁(yè)設(shè)計(jì)細(xì)節(jié)大總結(jié)

博博

大家都知道”細(xì)節(jié)決定成敗”這句名言不僅在其他行業(yè)非常重要,而在頁(yè)面設(shè)計(jì)當(dāng)中更是顛撲不破的真理。需求的眼睛和感覺(jué)總是非常敏銳的,對(duì)于一個(gè)頁(yè)面沒(méi)有得到需求方的認(rèn)可,但是他們又說(shuō)不出什么理由,這個(gè)時(shí)候就是細(xì)節(jié)問(wèn)題了。一個(gè)頁(yè)面的細(xì)節(jié)到位才能充分體現(xiàn)出頁(yè)面的品質(zhì)。一個(gè)優(yōu)秀的作品與卓越的作品相比差距就在于細(xì)節(jié)的把控。

 

超贊!讓頂尖設(shè)計(jì)師告訴你10個(gè)色彩運(yùn)用秘技

博博

10-top-designer-color-tips-1

“色彩,這是一種多么深刻而神秘的語(yǔ)言?。 钡拇_,不同的色調(diào)能夠調(diào)動(dòng)不同的情緒和反映,能夠影響用戶對(duì)于品牌的感知。簡(jiǎn)單說(shuō)來(lái),色彩可以造就不同的設(shè)計(jì)。與此同時(shí),研究表明,色彩能夠強(qiáng)化品牌認(rèn)知度(高達(dá)80%),加深用戶印象,讓品牌的設(shè)計(jì)和文本在同類中脫穎而出。

幸運(yùn)的是,我們的早已遠(yuǎn)離可選色彩匱乏的年代。技術(shù)的革新使得人們選取色彩不再受到天然色素的限制,合成色素與屏幕的出現(xiàn)讓色彩和我們的生活越來(lái)越緊密,也使得選取和決定所需考慮的因素更加復(fù)雜。正是因?yàn)樯实臉O大豐富,配色方案的選取的確越來(lái)越麻煩了。Colourlovers 社區(qū)已經(jīng)為近800萬(wàn)種進(jìn)行了命名,不過(guò)依然有超過(guò)1600種色彩在后面正排隊(duì)等候。

聽(tīng)起來(lái)是不是有點(diǎn)不堪重負(fù)的意思?別擔(dān)心,聽(tīng)聽(tīng)來(lái)自Creative Market社區(qū)的設(shè)計(jì)師的建議吧,他們會(huì)告訴你關(guān)于色彩選取的最佳技巧,讓你也可以輕松挑選最佳的色彩組合。

 

打開(kāi)網(wǎng)頁(yè)就能用!在線專業(yè)修圖神器潑辣熊新鮮出爐

博博

編者按:今天給同學(xué)們安利一款在線神器,是優(yōu)設(shè)長(zhǎng)期合作后期高手@他山之眼 同學(xué)聯(lián)合他人開(kāi)發(fā)的潑辣修圖,簡(jiǎn)直就是移動(dòng)軍火庫(kù),打開(kāi)網(wǎng)頁(yè)就能體驗(yàn)到Lr一樣的專業(yè)圖像處理體驗(yàn),無(wú)論是救急,還是長(zhǎng)期使用,都值得收藏起來(lái) >>>

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

博博

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

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

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

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ì)主見(jiàn),但很多設(shè)計(jì)潮流確實(shí)值得追隨。就像當(dāng)下響應(yīng)式設(shè)計(jì)、扁平化設(shè)計(jì)、以及滾動(dòng)視差等。

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

 

濃縮的精華!從零開(kāi)始帶你認(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)站案例,如你所見(jiàn),美女帥哥總是讓人眼前一亮 :)溫馨提醒:看完這些網(wǎng)站,可能童鞋們的心開(kāi)始小鹿亂撞了。在此奉上靜心丸一枚:多讀書,讀好書??偙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)自英格蘭、威爾士、蘇格蘭和愛(à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)了。

日歷

鏈接

個(gè)人資料

存檔