隨筆分類 - 網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)
摘要：響應(yīng)式設(shè)計(jì)用于創(chuàng)建可在任何設(shè)備上進(jìn)行查看，并可以從智能手機(jī)屏幕無(wú)縫地切換到臺(tái)式電腦屏幕的網(wǎng)站的技術(shù)。它的重點(diǎn)是確保輕松導(dǎo)航和可讀性，以最小的縮放，滾動(dòng)或平移必需的。路已變得不那么的最近趨勢(shì)和更多的必需品，作為可以跨多種操作系統(tǒng)和設(shè)備的增加迅速查看手機(jī)兼容的網(wǎng)站的需求。
閱讀全文
摘要：如果你想創(chuàng)建一個(gè)網(wǎng)站，但又不懂得編程知識(shí)，那么下面這些我們?yōu)槟峁┑慕鉀Q方案可以幫到你。下面列出的這些建站工具將幫助您打造優(yōu)雅的網(wǎng)站，無(wú)需任何編碼或編程知識(shí)，趕緊試試吧。最后推薦一個(gè)國(guó)內(nèi)的在線自助建站工具——tap.cn，這是一個(gè)新型的免費(fèi)自助建站服務(wù)平臺(tái)，易用、專業(yè)、高效的Tap能讓您輕松擺脫建站過(guò)程中技術(shù)對(duì)創(chuàng)造力的制約。
閱讀全文
摘要：對(duì)于任何網(wǎng)站來(lái)說(shuō)，登錄界面都是最重要的頁(yè)面之一。這個(gè)頁(yè)面的設(shè)計(jì)也在不斷的進(jìn)化，設(shè)計(jì)師會(huì)充分利用最新的技術(shù)和流行設(shè)計(jì)優(yōu)勢(shì)應(yīng)用到登錄界面的設(shè)計(jì)中。過(guò)去的2013年，扁平化設(shè)計(jì)成為非常受歡迎的設(shè)計(jì)風(fēng)格，你絕對(duì)可以期待更多的設(shè)計(jì)師在2014年中創(chuàng)建扁平設(shè)計(jì)風(fēng)格的登錄界面。
閱讀全文
摘要：在設(shè)計(jì)一個(gè)網(wǎng)站時(shí)，用戶體驗(yàn)是非常重要的。如果網(wǎng)站不友好，難于使用的話，那么你會(huì)發(fā)現(xiàn)網(wǎng)站再漂亮也沒(méi)有用。如今，焦點(diǎn)從界面外觀轉(zhuǎn)向?qū)嵱眯陨踔翗O簡(jiǎn)主義。在本文中，您將看到一組華麗的網(wǎng)站示例，在設(shè)計(jì)過(guò)程中時(shí)刻考慮到了網(wǎng)站的用戶體驗(yàn)，相信這些優(yōu)秀作品能夠帶給你啟發(fā)。
閱讀全文
摘要：SpinKit 是一套網(wǎng)頁(yè)動(dòng)畫(huà)效果，包含8種基于 CSS3 實(shí)現(xiàn)的很炫的加載動(dòng)畫(huà)。借助 CSS3 Animation 的強(qiáng)大功能來(lái)創(chuàng)建平滑，易于定制的動(dòng)畫(huà)。SpinKit 的目標(biāo)不是提供一個(gè)每個(gè)瀏覽器都兼容的解決方案，而是給現(xiàn)代瀏覽器提供更加的技術(shù)實(shí)現(xiàn)方案和使用體驗(yàn)。
閱讀全文
摘要：你是否曾經(jīng)碰到這樣的事情，你在網(wǎng)站上看到一張圖片感覺(jué)特別熟悉，好像在其它地方見(jiàn)過(guò)？我感打賭你碰到過(guò)，而且我知道是哪些圖像。下面15張圖片素材是網(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ù)文章能夠幫助到您。
閱讀全文
摘要：在這個(gè)競(jìng)爭(zhēng)激烈的就業(yè)市場(chǎng)，作品集網(wǎng)站對(duì)于設(shè)計(jì)師來(lái)說(shuō)是最好的求職工具。因此，設(shè)計(jì)師們都竭盡所能設(shè)計(jì)一個(gè)有創(chuàng)造性的個(gè)人作品展示網(wǎng)站，期望給訪客留下深刻的印象。在此集合中，你會(huì)看到各種各樣的創(chuàng)意設(shè)計(jì)和新趨勢(shì)，包括精巧的布局，令人印象深刻的視差滾動(dòng)，和不同尋常的插畫(huà)設(shè)計(jì)等等。
閱讀全文
摘要：簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)，如果使用得當(dāng)，會(huì)是靈感的重要來(lái)源。保持在布局中只有重要的要素，摒棄不是必需的內(nèi)容。請(qǐng)記住，你仍然可以在一個(gè)簡(jiǎn)約的網(wǎng)站使用豐富的顏色，所以不用擔(dān)心顏色的單調(diào)。這里的例子展示出了簡(jiǎn)約設(shè)計(jì)的理念，可以很好的借鑒到你的下一個(gè)項(xiàng)目。
閱讀全文
摘要：《年度榜單》系列繼續(xù)給大家?guī)?lái)2013年度發(fā)布的好東西，這篇文章要給大家分享的是本年度最佳的12套精美的 PSD 設(shè)計(jì)素材，你可以免費(fèi)下載使用。這些免費(fèi)素材不僅能幫助他們節(jié)省大量的時(shí)間，而且能有很好的效果。非常感謝那些很有才華的設(shè)計(jì)師分享它們的勞動(dòng)成果，讓更多的人可以使用他們的創(chuàng)意設(shè)計(jì)。記得分享和推薦一下哦 :)
閱讀全文
摘要：Dynatable 一款有趣的，語(yǔ)義化，交互式的表格插件，使用 jQuery，HTML5 和 JSON 實(shí)現(xiàn)。Dynatable 的目的是提供一種簡(jiǎn)單的、可擴(kuò)展的 API，能夠輕松的瀏覽和操作大規(guī)模的數(shù)據(jù)集。Dynatable 提供包括排序，搜索和過(guò)濾等常用的數(shù)據(jù)處理功能。
閱讀全文
摘要：這篇文章中，我們?yōu)榇蠹揖幾g一組創(chuàng)意的、精美的、有想法的著陸頁(yè)面設(shè)計(jì)例子，幫助你快速掌握著陸頁(yè)設(shè)計(jì)技巧。著陸頁(yè)面（Landing Pages）需要特殊的設(shè)計(jì)，抓住目標(biāo)受眾的整注意力，和數(shù)以百萬(wàn)計(jì)的網(wǎng)站競(jìng)爭(zhēng)。著陸頁(yè)（Landing Page）有時(shí)被稱為引導(dǎo)頁(yè)或者首要捕獲用戶頁(yè)，著陸頁(yè)對(duì)于幫助網(wǎng)站把訪問(wèn)者轉(zhuǎn)換成銷售非常重要。
閱讀全文
摘要：如果你正在為自己的作品集網(wǎng)站設(shè)計(jì)尋找靈感，那么學(xué)習(xí)設(shè)計(jì)機(jī)構(gòu) & 設(shè)計(jì)公司的網(wǎng)站是如何制作的是一個(gè)良好的開(kāi)端。在這篇穩(wěn)重，我們已經(jīng)聚集了一組設(shè)計(jì)機(jī)構(gòu)的優(yōu)秀作品集網(wǎng)站，你可以借鑒很多設(shè)計(jì)理念。當(dāng)你在瀏覽這些網(wǎng)站的時(shí)候，密切關(guān)注各個(gè)設(shè)計(jì)師展示他們工作的方式，以及在設(shè)計(jì)中體現(xiàn)的個(gè)人風(fēng)格。
閱讀全文
摘要：對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，使用正確的調(diào)色板可能是設(shè)計(jì)過(guò)程中最重要的部分，也是最具挑戰(zhàn)性的之一。雖然現(xiàn)有的品牌通常對(duì)所用顏色的影響最大，但其他因素可以發(fā)揮作用。這篇文章，我們已經(jīng)收集各種使用顏色的的網(wǎng)站作品，為您提供啟發(fā)。
閱讀全文
摘要：對(duì)于電子商務(wù)網(wǎng)站來(lái)說(shuō)，讓用戶在購(gòu)物過(guò)程中簡(jiǎn)單快捷是最重要的，其次是要有精美的頁(yè)面設(shè)計(jì)以及產(chǎn)品圖片吸引更多客戶去購(gòu)買商品。一個(gè)設(shè)計(jì)良好的電子商務(wù)網(wǎng)站會(huì)為用戶提供一個(gè)更愉快的體驗(yàn)，并讓他們更容易瀏覽，搜索，并完成結(jié)帳過(guò)程。這篇文章收集了20個(gè)國(guó)外優(yōu)秀的電子商務(wù)網(wǎng)站設(shè)計(jì)案例，希望能帶給你靈感。
閱讀全文
摘要：?jiǎn)雾?yè)網(wǎng)站作為一個(gè)流行趨勢(shì)已有一段時(shí)間了，但他們的受歡迎程度似乎并沒(méi)有任何減少。這種頁(yè)面設(shè)計(jì)方法并不適用于每個(gè)項(xiàng)目，但有時(shí)它是合適的，是有意義的。例如，當(dāng)沒(méi)有很多內(nèi)容，而且你知道的內(nèi)容在未來(lái)不會(huì)增長(zhǎng)很多，那么制作成單頁(yè)網(wǎng)站（Single Page Websites）的形式是很好的選擇。
閱讀全文
摘要：對(duì)于電子商務(wù)網(wǎng)站來(lái)說(shuō)，網(wǎng)站的設(shè)計(jì)和布局的可用性對(duì)于產(chǎn)品的銷售會(huì)產(chǎn)生巨大的影響，另外就是產(chǎn)品帶給訪客的第一印象也很重要。一個(gè)設(shè)計(jì)良好的電子商務(wù)網(wǎng)站會(huì)為用戶提供一個(gè)更愉快的體驗(yàn)，并讓他們更容易瀏覽，搜索，并完成結(jié)帳過(guò)程。在這篇文章中，我們將展示了25個(gè)很好看小眾的電子商務(wù)網(wǎng)站。你會(huì)發(fā)現(xiàn)，產(chǎn)品圖片和網(wǎng)站的布局和界面設(shè)計(jì)的外觀同樣重要。
閱讀全文
摘要：很多網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)都是過(guò)眼云煙，但插畫(huà)始終保持著一定的地位，是給你的網(wǎng)站創(chuàng)造出獨(dú)特的外觀和風(fēng)格的好方法。今天，我們擁有一組有效的使用插畫(huà)來(lái)添加個(gè)性和抓住用戶的注意力網(wǎng)站的一些美麗的例子。我相信，你可以從下面這些網(wǎng)站中找到一些靈感并應(yīng)用到自己的網(wǎng)站項(xiàng)目中。
閱讀全文
摘要：Web 用戶界面，移動(dòng)用戶界面和線框套件對(duì)設(shè)計(jì)師很有用，因?yàn)檫@些套件讓他們使用快速和有效的方式復(fù)制用戶界面。這些類型的工具包提供了一個(gè)基本的用戶界面元素，用于它們需要制作的網(wǎng)站或軟件模型。在這篇文章中，我們展示的是自由和清新的 UI 設(shè)計(jì)素材套件。這些線框圖和 UI 設(shè)計(jì)工具包讓設(shè)計(jì)師在設(shè)計(jì)用戶界面原型的時(shí)候能夠非常便利。
閱讀全文
摘要：在網(wǎng)頁(yè)設(shè)計(jì)中使用大照片，無(wú)論是作為背景或內(nèi)容的一部部分，都是輕設(shè)置一個(gè)站點(diǎn)的整體風(fēng)格的很好的方式。但是，這樣做的時(shí)候，你創(chuàng)建一個(gè)網(wǎng)站存在視覺(jué)上過(guò)于飽和的風(fēng)險(xiǎn)。這就是為什么大多數(shù)的應(yīng)用大圖像的網(wǎng)站采用了整體的簡(jiǎn)約風(fēng)格。而今天的這個(gè)網(wǎng)站集合是在網(wǎng)頁(yè)設(shè)計(jì)中如何使用大攝影圖片的很好的例子。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)