隨筆分類 - 網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)
摘要：
《Web 前端開(kāi)發(fā)精華文章推薦》2013年第六期（總第十八期）和大家見(jiàn)面了。夢(mèng)想天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
《Web 前端開(kāi)發(fā)精華文章推薦》2013年第六期（總第十八期）和大家見(jiàn)面了。夢(mèng)想天空博客關(guān)注 前端開(kāi)發(fā) 技術(shù)，分享各種增強(qiáng)網(wǎng)站用戶體驗(yàn)的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁(yè)設(shè)計(jì) 案例，共享精美的設(shè)計(jì)素材和優(yōu)秀的 Web 開(kāi)發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
摘要：最近，你會(huì)發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁(yè)設(shè)計(jì)。每個(gè)人都想要它，因?yàn)樗芸幔驗(yàn)樗悄壳暗内厔?shì)。扁平化設(shè)計(jì)，因其簡(jiǎn)單性和關(guān)注用戶，去除了很多網(wǎng)站的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。在這篇文章中，你可以看到30個(gè)華麗的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品，我敢肯定你會(huì)喜歡這個(gè)集合。
閱讀全文
摘要：虛擬物品的網(wǎng)站設(shè)計(jì)必須是能夠讓人驚奇的，和實(shí)物營(yíng)銷相同的規(guī)則同樣可以應(yīng)用在這里。這個(gè)網(wǎng)站必須說(shuō)服用戶就像實(shí)物的包裝設(shè)計(jì)，必須讓他好奇，愿意找出更多有關(guān)產(chǎn)品的信息，并最終購(gòu)買。因此，下面你可以看到20個(gè)華麗的網(wǎng)站用于展現(xiàn)和宣傳 iPhone 應(yīng)用程序。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計(jì)極其優(yōu)秀的作品。這個(gè)系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁(yè)設(shè)計(jì)的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：使用醒目的顏色組合是一種常見(jiàn)的廣告策略，因?yàn)樗兄诳焖俨蹲接^眾的注意力。同樣的方法也適用于在網(wǎng)上行業(yè)，例如廣告橫幅和宣傳單，但它也可用于網(wǎng)站建設(shè)。有許多研究表明用戶對(duì)某些顏色有特別的親和力，因此，使用這些顏色會(huì)增加成功的機(jī)會(huì)，提高用戶回訪率。由于這種設(shè)計(jì)方法的普及，我們會(huì)看到很多色彩豐富的網(wǎng)站，有趣，友好，下面向大家展示的30個(gè)極具吸引力的多彩網(wǎng)頁(yè)設(shè)計(jì)作品。
閱讀全文
摘要：長(zhǎng)陰影其實(shí)就是擴(kuò)展了對(duì)象的投影，感覺(jué)是一種光線照射下的影子，通常采用角度為 45 度的投影，給對(duì)象添加了一份立體感。長(zhǎng)陰影快速發(fā)展為流行的設(shè)計(jì)趨勢(shì)，并經(jīng)常被應(yīng)用到扁平設(shè)計(jì)方案的對(duì)象。更詳細(xì)的介紹可以閱讀《扁平化設(shè)計(jì)的最新趨勢(shì) – 長(zhǎng)陰影》一文，相信看了之后你會(huì)長(zhǎng)陰影設(shè)計(jì)有更深的了解。
閱讀全文
摘要：優(yōu)秀網(wǎng)頁(yè)作品賞析《第四季》，精彩繼續(xù)每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計(jì)極其優(yōu)秀的作品。這個(gè)系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁(yè)設(shè)計(jì)的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：手寫字體可能不是網(wǎng)頁(yè)設(shè)計(jì)最好的選擇，但你可以用它們?cè)谝恍?biāo)題，壁紙，通知等地方。當(dāng)你試圖為您的設(shè)計(jì)作品實(shí)現(xiàn)獨(dú)特的外觀的時(shí)候，手寫字體可能是很有用的。在下面的列表，你會(huì)發(fā)現(xiàn)30款漂亮的免費(fèi)手寫風(fēng)格字體。雖然不是很多，但這里只有最好的，干凈和最美麗的手寫字體。
閱讀全文
摘要：扁平化設(shè)計(jì)正被用于各個(gè)主流的移動(dòng)操作系統(tǒng)以及許多流行的網(wǎng)站，這是一個(gè)不斷上升的趨勢(shì)。 這種趨勢(shì)有其分支，其中之一是“長(zhǎng)陰影 “的效果在元素上的使用。 采用角度為 45 度的投影，給對(duì)象添加了一份立體感。為了營(yíng)造輕松的這樣的效果，有一個(gè)免費(fèi)的 PSD 文件稱為 Long Shadow Generator ，可以幫助你在 Photoshop 中輕松實(shí)現(xiàn)長(zhǎng)陰影效果。
閱讀全文
摘要：著陸頁(yè)是一個(gè)在線營(yíng)銷的概念，是指當(dāng)訪客點(diǎn)擊一個(gè)搜索引擎優(yōu)化的搜索結(jié)果進(jìn)入的第一個(gè)頁(yè)面或“著陸”頁(yè)面。這是一個(gè)重要的頁(yè)面，它和提供的產(chǎn)品或服務(wù)的廣告有點(diǎn)類似，提供了與產(chǎn)品相關(guān)的精確的信息，告訴客戶可以購(gòu)買的產(chǎn)品或服務(wù)。著陸頁(yè)對(duì)于幫助網(wǎng)站把訪問(wèn)者轉(zhuǎn)換成銷售非常重要。因此，產(chǎn)品的消息必須明確，設(shè)計(jì)必須能吸引人且簡(jiǎn)單易懂。
閱讀全文
摘要：我們可以說(shuō)，最近圖像在網(wǎng)頁(yè)設(shè)計(jì)中的中心舞臺(tái)。我們已經(jīng)看到了一些真正美麗的網(wǎng)站中圓滑圖像的焦點(diǎn)十分引人注目。在網(wǎng)頁(yè)設(shè)計(jì)中，從簡(jiǎn)約的概念到完整的背景圖片，有幾種不同的圖像的使用方法。所以今天我們將告訴你一些啟發(fā)性的例子。下面收集的這些網(wǎng)站將證明，一個(gè)美麗和高品質(zhì)的圖像可以傳遞信息，增添個(gè)性。
閱讀全文
摘要：Web 元素是任何網(wǎng)站相關(guān)項(xiàng)目都需要的，質(zhì)量和良好設(shè)計(jì)的元素對(duì)于設(shè)計(jì)師來(lái)說(shuō)就像寶貝一樣。如果您正在尋找您的網(wǎng)站，博客，Web 應(yīng)用程序或移動(dòng)應(yīng)用程序?qū)ふ彝昝涝O(shè)計(jì)的網(wǎng)頁(yè)元素，那么下面這個(gè)列表會(huì)是你需要的。今天這里收集的免費(fèi)資源是25套免費(fèi)的 Web UI 設(shè)計(jì)的 PSD 界面元素，用于 Web 和 Mobile APP 設(shè)計(jì)。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計(jì)極其優(yōu)秀的作品。這個(gè)系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁(yè)設(shè)計(jì)的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：Codrops 給我們分享了一個(gè)多層菜單的實(shí)現(xiàn)教程。他們?cè)噲D探索創(chuàng)建一個(gè)嵌套的多級(jí)菜單，是非常有用的東西，可以有很多的內(nèi)容，如網(wǎng)上商店的導(dǎo)航菜單。 這個(gè) Push Menu 效果理論上可以包含無(wú)限嵌套的子菜單。
閱讀全文
摘要：響應(yīng)式設(shè)計(jì)的準(zhǔn)則在于根據(jù)用戶使用的屏幕的分辨率來(lái)改變網(wǎng)站的的布局。因此，視頻或圖像的大小和文本的數(shù)量，可以被視為是一個(gè)明顯的變化。讓你即使從智能手機(jī)瀏覽一個(gè)網(wǎng)站的時(shí)候能輕松地看到網(wǎng)站上的重要內(nèi)容。今天，我們聚集了35新鮮的和鼓舞人心的響應(yīng)式 Web 設(shè)計(jì)實(shí)例。
閱讀全文
摘要：扁平化設(shè)計(jì)的流行，源于它簡(jiǎn)約的設(shè)計(jì)態(tài)度。扁平設(shè)計(jì)去除所有多余的元素和功能，在網(wǎng)頁(yè)設(shè)計(jì)，如圖形，聲音，漸變，3D元素，陰影效果等，可以使設(shè)計(jì)看起來(lái)緊湊和充滿吸引力。在這篇文章中，我收集了30個(gè)免費(fèi)的扁平化設(shè)計(jì) PSD 素材，這些對(duì)設(shè)計(jì)師很有用。
閱讀全文
摘要：TypeWonder 讓網(wǎng)頁(yè)字體的選擇過(guò)程變得輕松愉快。它可以幫助您在任何網(wǎng)站上快速測(cè)試 Web 字體效果！輸入網(wǎng)站網(wǎng)址，就能夠即時(shí)預(yù)覽的字體的實(shí)際效果，還可以從數(shù)百種字體中進(jìn)行挑選，您還可以得到所需字體的代碼，可以很方便的嵌入到您的網(wǎng)站。
閱讀全文
摘要：網(wǎng)絡(luò)上有數(shù)量龐大的服務(wù)和應(yīng)用程序網(wǎng)站，它們以自己的方式向用戶展示自己的產(chǎn)品和想法。我瀏覽過(guò)很多的網(wǎng)站，想尋找鼓舞人心的網(wǎng)站實(shí)例，但是服務(wù)和應(yīng)用程序網(wǎng)站通常很難找到很好的設(shè)計(jì)。這就是為什么今天我收集這組鼓舞人心的網(wǎng)站例子。
閱讀全文
摘要：響應(yīng)式和現(xiàn)代設(shè)計(jì)風(fēng)格的多用途 WordPress 主題與能夠非常靈活的適應(yīng)所有設(shè)備。而高級(jí)主題能夠更大可能性的輕松定制。所有的主題是完全響應(yīng)式的，您可以從主題選項(xiàng)中禁用/啟用響應(yīng)模式。
閱讀全文
摘要：隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)變得越來(lái)越復(fù)雜，如今設(shè)計(jì)的外觀和感覺(jué)實(shí)現(xiàn)網(wǎng)站功能說(shuō)使用的開(kāi)發(fā)技術(shù)一樣重要。同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域也在發(fā)生巨大的變化，例如之前流行的扁平化設(shè)計(jì)伴隨著 iOS 7 的發(fā)布被帶到了新的高度，更多的人了解了這種前衛(wèi)的設(shè)計(jì)理念。當(dāng)設(shè)計(jì)師們還在討論這種設(shè)計(jì)的時(shí)候，扁平化的設(shè)計(jì)又有了最新趨勢(shì)——長(zhǎng)陰影設(shè)計(jì)（Long Shadow Design）。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)