隨筆分類 - 網(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)