首頁

讓頁面更上檔次!網(wǎng)頁設計細節(jié)大總結

博博

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

 

超贊!讓頂尖設計師告訴你10個色彩運用秘技

博博

10-top-designer-color-tips-1

“色彩,這是一種多么深刻而神秘的語言??!”的確,不同的色調(diào)能夠調(diào)動不同的情緒和反映,能夠影響用戶對于品牌的感知。簡單說來,色彩可以造就不同的設計。與此同時,研究表明,色彩能夠強化品牌認知度(高達80%),加深用戶印象,讓品牌的設計和文本在同類中脫穎而出。

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

聽起來是不是有點不堪重負的意思?別擔心,聽聽來自Creative Market社區(qū)的設計師的建議吧,他們會告訴你關于色彩選取的最佳技巧,讓你也可以輕松挑選最佳的色彩組合。

 

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

博博

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

設計師必須掌握的貝塞爾曲線的秘密

博博

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

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

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

8個在網(wǎng)頁設計中即將被淘汰的趨勢

博博

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

可是呢,還有很多極為”糟粕”的設計趨勢,本文一一列舉,請君對號入座。

 

濃縮的精華!從零開始帶你認識的圖片格式WEBP

博博

image-format-webp-introduction-1

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

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

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

博博

來源:優(yōu)設網(wǎng)

Draftfcb

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

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

Ditto Residential

Ditto Residential

 

26個來自英國最優(yōu)秀的網(wǎng)頁設計

博博

the-best-england-website-1

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

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

配色弱的進來!如何巧用色彩打造動人心弦的網(wǎng)頁設計

博博

color-psychology-web-design-1

色彩心理學被廣泛地運用到各個設計領域,這早已不是什么秘密。從日常的雜貨到LOGO設計,色彩所起到的作用越來越大,它是給用戶傳遞信息的最重要的因素之一。

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

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

緊跟潮流之布局篇!2015年至關重要的四種排版趨勢

博博

2015-4-essential-layout-trends-1

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

2015即將流行的設計趨勢:

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

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔