隨筆分類 - 網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)
摘要：和其他圖像格式相比，SVG（可縮放矢量圖形）具有許多優(yōu)勢(shì)。首先，SVG 具有可擴(kuò)展性，因此可以適應(yīng)任何屏幕尺寸而不會(huì)造成質(zhì)量損失。然后，瀏覽器只需加載更少的資源，可以更快地加載。而且，可以像使用常規(guī) HTML 元素一樣使用 CSS 對(duì)其進(jìn)行編輯。除了用于靜態(tài)圖像之外，您還可以使用 SVG 創(chuàng)建超贊的動(dòng)畫(huà)。在本文中，我們收集了15個(gè) SVG 動(dòng)畫(huà)示例，以啟發(fā)您在自己的 Web 項(xiàng)目中使用它們。
閱讀全文
摘要：網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)很多都是過(guò)眼云煙，但插畫(huà)始終保持著一定的地位，是給你的網(wǎng)站創(chuàng)造出獨(dú)特的外觀和風(fēng)格的好方法。今天，這篇文章中收集了10個(gè)美麗的例子，插圖在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。從小型和微妙的細(xì)節(jié)插畫(huà)到全屏的插畫(huà)背景，有很多不同的方法來(lái)滿足這種風(fēng)格的需要。我相信，你可以從下面這些網(wǎng)站中找到一些靈感并應(yīng)用到自己的網(wǎng)站項(xiàng)目中。
閱讀全文
摘要：在為項(xiàng)目選擇配色方案時(shí)，有什么提供靈感？我打賭你有一些論點(diǎn)和原則。例如，我們都意識(shí)到每種顏色都有其個(gè)性和心理底蘊(yùn)，使其有助于喚起特定的情感。例如，藍(lán)色激發(fā)了信任，被企業(yè)廣應(yīng)用。這就是眾多公司和機(jī)構(gòu)選擇它作為主要原因的原因。紅色點(diǎn)燃了食欲 - 這就是為什么大多數(shù)食品和飲料行業(yè)巨頭都會(huì)在其標(biāo)識(shí)中使用它。綠色用于一切自然和環(huán)保，等等。無(wú)論喜歡與否，顏色都會(huì)影響我們的潛意識(shí)，這是一個(gè)需要考慮的重點(diǎn)。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：《Web 前端開(kāi)發(fā)精華文章推薦》自2011年6月20號(hào)發(fā)布第一期以來(lái)，歷經(jīng)五年半，總共發(fā)布了30多期。今天這篇是2017年第1期（總第35期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空專注前端開(kāi)發(fā)技術(shù)，分享提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用......
閱讀全文
摘要：在你的品牌和網(wǎng)站訪問(wèn)者之間建立情感聯(lián)系是非常重要的。模態(tài)彈出窗口可能會(huì)幫助您完成這個(gè)具有挑戰(zhàn)性的任務(wù)，以及分享給游客一些重要信息。作為一項(xiàng)常用規(guī)則，模態(tài)彈出窗口被用于各種號(hào)召行動(dòng)的消息，如鼓勵(lì)用戶訂閱新聞郵件，下載一些免費(fèi)贈(zèng)品或通知關(guān)于一些新的產(chǎn)品，服務(wù)或功能發(fā)布等。在這里，你會(huì)看到值得你注意的20個(gè)華麗的彈出窗口示例。
閱讀全文
摘要：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)設(shè)備的屏幕尺寸，平臺(tái)和方向來(lái)開(kāi)發(fā)的網(wǎng)頁(yè)，是一種對(duì)最終用戶的行為和環(huán)境作出反應(yīng)的方法。響應(yīng)式設(shè)計(jì)使用靈活的網(wǎng)格和布局，圖像和智能使用 CSS 媒體查詢的組合。當(dāng)從它們?cè)诓煌O(shè)備使用的時(shí)候，網(wǎng)站能夠自動(dòng)切換到容納該特定分辨率，圖像尺寸和腳本的能力。
閱讀全文
摘要：大多數(shù)的網(wǎng)站都是使用垂直滾動(dòng)，我們已經(jīng)習(xí)慣了。而水平滾動(dòng)可以給網(wǎng)站增加一些創(chuàng)造性和獨(dú)特性。如果你的目的是打動(dòng)用戶，水平滾動(dòng)一定會(huì)幫助到你。它適用于任何創(chuàng)意領(lǐng)域，如攝影，設(shè)計(jì)，藝術(shù)以及其它你需要展示大量的圖片的情況。
閱讀全文
摘要：擁有創(chuàng)造性的404錯(cuò)誤頁(yè)面和你的網(wǎng)站上有好的內(nèi)容一樣重要。有時(shí)可能是你的訪客無(wú)意間訪問(wèn)了錯(cuò)誤頁(yè)面，你需要引導(dǎo)用戶回到主頁(yè)。在這篇文章中，我們一起來(lái)看看20個(gè)國(guó)外的創(chuàng)意404錯(cuò)誤頁(yè)面，相信這些精心設(shè)計(jì)的頁(yè)面會(huì)給你留下深刻印象。
閱讀全文
摘要：今天這篇是2015年第3期（總第34期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：攝影師如何能夠使他們的作品脫穎而出呢？精心設(shè)計(jì)的美妙的作品集可以很好的證明攝影師的優(yōu)秀和獨(dú)特。攝影作品集網(wǎng)站可以見(jiàn)證攝影師的個(gè)性，能力和創(chuàng)造力。在這里集合了30個(gè)可以打動(dòng)你的攝影師作品集網(wǎng)站，向下滾動(dòng)和享受！
閱讀全文
摘要：WordPress 是一款個(gè)人博客系統(tǒng)，并逐步演化成一款內(nèi)容管理系統(tǒng)軟件，它是使用 PHP 語(yǔ)言和 MySQL 數(shù)據(jù)庫(kù)開(kāi)發(fā)的。用戶可以在支持 PHP 和 MySQL 數(shù)據(jù)庫(kù)的服務(wù)器上使用自己的博客。這里給大家分享使用 WordPress 主題制作的20個(gè)精美網(wǎng)頁(yè)。
閱讀全文
摘要：今天這篇是2015年第2期（總第33期），希望你能在這里發(fā)現(xiàn)有用的資料。夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具。
閱讀全文
摘要：這里給大家分享20 個(gè)新鮮出爐的免費(fèi)網(wǎng)站模板。這些設(shè)計(jì)元素將成為你下一個(gè)項(xiàng)目的重要素材，可以幫你節(jié)省很多的時(shí)間。與往常一樣，我們經(jīng)常漫游網(wǎng)絡(luò)，尋找最好的資源， HTML、CSS 和 PSD 等等，記得關(guān)注啊。
閱讀全文
摘要：互聯(lián)網(wǎng)上將近90%的信息是文本形式的，想給網(wǎng)站加個(gè)亮點(diǎn)，試試這招！揮毫潑墨，筆走龍蛇，今天這組網(wǎng)站堪稱是手寫(xiě)字體的運(yùn)用典范，或隨意散漫，邪魅狷狂；或精致有序，小資調(diào)調(diào)；或優(yōu)雅流暢，小家碧玉，總之風(fēng)格非常多，而且字體的點(diǎn)綴恰到好處。
閱讀全文
摘要：由谷歌創(chuàng)建和設(shè)計(jì)的 Material Design（材料設(shè)計(jì)）是一種設(shè)計(jì)語(yǔ)言，結(jié)合成功的設(shè)計(jì)的經(jīng)典原則以及創(chuàng)新科技。谷歌的目標(biāo)是開(kāi)發(fā)一個(gè)設(shè)計(jì)系統(tǒng)，讓所有的產(chǎn)品在任何平臺(tái)上擁有統(tǒng)一的用戶體驗(yàn)。Materialize 是一個(gè)基于材料設(shè)計(jì)的一個(gè)現(xiàn)代化的響應(yīng)前端框架。
閱讀全文
摘要：多樣化并不足以拿來(lái)界定德國(guó)設(shè)計(jì)師的精髓。當(dāng)你打開(kāi)德國(guó)設(shè)計(jì)師的網(wǎng)頁(yè)設(shè)計(jì)作品的時(shí)候，你會(huì)感受到更多：完備而充滿現(xiàn)代質(zhì)感的解決方案，擁抱主流文化而富有創(chuàng)意，最重要的是，一絲不茍的設(shè)計(jì)細(xì)節(jié)配合著高端的技術(shù)加持，使得網(wǎng)站充滿力量和美感。此刻你會(huì)立刻明白，這就是德國(guó)制造。
閱讀全文
摘要：將色彩搭配發(fā)揮得淋漓盡致！掌握了色彩搭配基礎(chǔ)功的同學(xué)，是時(shí)候來(lái)進(jìn)階咯。今天這組網(wǎng)站以多彩多姿見(jiàn)長(zhǎng)，配色豪邁大氣，放浪形骸，是色彩靈感爆發(fā)的絕佳集聚地，還在改稿的同學(xué)，來(lái)給自己一個(gè)頭腦風(fēng)暴吧！
閱讀全文
摘要：夢(mèng)想天空博客關(guān)注前端開(kāi)發(fā)技術(shù)，分享各類能夠提升網(wǎng)站用戶體驗(yàn)的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)