隨筆分類 - 網頁設計
網頁設計
摘要：為了讓你的網站脫穎而出，不僅需要有豐富的高質量內容，同時也要兼顧網站的創新性和功能性。從用戶的角度出發好好想一下，怎樣讓你的網站用戶體驗更友好？簡單的搜索功能是需要的，或者你也可以精心設計一下網站的導航。
閱讀全文
摘要：單頁網站是提供給用戶簡約易用的體驗的好方法。在一個單頁面中展示你需要的所有內容可能是一個充滿挑戰性的過程，但很多設計師喜歡這個風格，并創作出很多驚人的單頁網站作品。怎樣制作單頁網站？下面這組國外優秀的單頁網站案例將帶給你靈感。
閱讀全文
摘要：有很多小型的服裝公司網站都交給一些富有個性，創意十足的設計師打理，可能他們的規模并不如大品牌那樣出眾，但這些網站的表現卻令人感到驚艷。今天我們收集了25個酷炫的服裝行業網站，來看下它們有哪些不俗的布局與驚喜的彩蛋吧。
閱讀全文
摘要：我喜歡收集美麗的，精心設計的移動應用程序網站。在我看來，為 APP 提供一個美麗的網站顯示了設計者和開發者對它的用戶和產品的關心，除了開發應用程序，他們去加倍努力去促進應用和傳播關于它的 APP。我們在這里收集到的網站之所以能夠鼓舞人心，有以下幾個原因：美麗的排版，時尚的導航，銳利的圖標，充足的空白。這些都值得我們去學習。
閱讀全文
摘要：側邊欄菜單將會是一個新的網頁設計趨勢！實際上，側欄模式的菜單設計已經有相當長的一個歷史了，最開始它被用在計算機應用程序中，后來逐漸流行并被應用到網頁設計領域。下面給大家分享21例十分時尚側邊欄菜單網頁設計作品，這里創新的案例將啟發你的靈感。
閱讀全文
摘要：使用恰當的調色板是網頁設計過程中最重要的部分，也是最困難的部分。通常現有的品牌對于采用什么顏色影響最大，但也可能有其它因素發揮作用。例如，要為網站的訪問者定下的基調和情緒主要是由顏色決定。對于這篇文章，我們已經收集一組優秀配色的網頁作品，為您提供很好的啟發。
閱讀全文
摘要：俗話說“一張圖片勝過千言萬語”，我很贊同照片在網頁中能夠傳達給我們更深的含義。令人欣慰的是，很多網頁設計師也同意這種說法，特別是使用大尺寸而且漂亮的照片在網頁布局中。從巨大的背景圖片到大的縮略圖，我們有很多不同的例子向您展示圖像如何創造與觀眾的情感聯系，同時抓住他們的注意力。
閱讀全文
摘要：下面是15個現代風格的單頁扁平化網站設計的例子。扁平化設計（Flat UI Web Design）和單頁網站（Single Page Web Design）這兩個概念可以算作是去年網頁設計最熱門的趨勢。所以設計師結合這兩個概念來進行網站設計并不奇怪。看看這些例子，我必須說，這是一個網站呈現的很好的方式。
閱讀全文
摘要：插畫和手繪元素可以??突顯網站的個性，從而抓住用戶的注意力。如果你的網頁還沒有跟上插圖的潮流，有幾種方法可以將這些元素用在你的項目中。您可以給網頁添加微小的插畫圖標，手繪圖標或者大膽的插圖背景。下面的例子將告訴你，如果使用得當，圖文并茂，可以非常有效的表達含義。
閱讀全文
摘要：這是本系列的最后一篇文章了，和大家一起學習2013年里最優秀的網頁設計作品。在過去的一年，網頁設計領域出現了幾個新的流行趨勢，最熱門的要數響應式設計（Responsive Design）和扁平化設計（Flat Design）了，另外大圖片背景、視頻背景設計也被越來越多的設計師采用。
閱讀全文
摘要：國外購物網站設計和國內的還是有很大的差別，我們可以從中學習好的設計理念并融入自己的購物網站設計中。這篇文章收集了10個精美的國外購物網站設計，一起欣賞。
閱讀全文
摘要：如今，人們使用各種各樣的移動設備訪問網頁，設計師們需要去適配不同的屏幕，讓用戶在都能有最佳的瀏覽體驗。Grid 是一個簡單的響應式設計指南，按照這些簡單的步驟，你的就能夠掌握基礎的響應網頁設計技巧。
閱讀全文
摘要：個人網站是讓人們知道你，了解你生活中成就的最佳方式。有些人選擇最搞笑的言論表達自己的想法，有的人則充分展現自己的個性。不管采用什么方式呈現你的個人網站，重要的是，把你最好的一面表現出來。下面是一些幫助你制作成功的個人網站的很有用的例子。
閱讀全文
摘要：這個系列的文章向大家展示2013年最優秀的國外網頁設計作品，這些都是過去的一年在圖片，紋理，導航等等各個方面的優秀網站。2013年，網頁設計領域出現了幾個新的流行趨勢，最熱門的就是響應式設計（Responsive Design）和扁平化設計（Flat Design）了，另外大圖片背景、視頻背景設計也被越來越多的設計師采用。
閱讀全文
摘要：今天我想與大家分享電子商務主題的網站設計，更精確地說是為設計在線商店提供新思想。每個人都知道移動技術的市場發展迅速，已經很難找到一個人沒有手機的人了。響應設計給我們提供了一個巨大的機遇：站點的訪問量的增長和銷售收入的增加。在今天的收集中，分享10個響應式設計的國外購物網站給大家。
閱讀全文
摘要：個人網站正變得越來越流行，它們可以有效地進行促銷，找工作，個人品牌以及與朋友和家人溝通中使用。在這篇文章中，我們將分享精心設計的25例個人網站。這些網站呈現出各種不同風格，有些是簡潔干凈的，有的使用明亮，鮮艷的色彩，而其他人使用更多的藝術和引人注目的設計。
閱讀全文
摘要：這篇文章挑選了10個高端大氣上檔次的 HTML5 網站分享給大家。作為下一代網頁語言，HTML5 加入中眾多的語義化標簽，例如 video、audio、section、article、header、footer 和 nav 等，HTML5 正引領網頁制作技術革命。希望下面集合中的優秀 HTML5 網站示例能幫助大家更好的學習 HTML5 網站的設計和制作。
閱讀全文
摘要：扁平化設計和 Bootstrap 框架是2013年網頁設計領域的兩大設計潮流。把這兩者集合起來不是件容易的事情，使用下面這些主題和模板將節省我們的開發時間，因為我們可以修改已有的基礎代碼，而不是從零開始。其中有些是免費的，有些是付費的。如果你知道跟好的 Twitter Bootstrap 主題和模板，歡迎留言分享。
閱讀全文
摘要：交互設計師們都特別喜歡有一個交互動畫案例庫，能夠給他們提供更多的靈感和啟發。如今，Josh Davey 幫交互設計師們做了這件事情，他創辦的網站——useyourinterface.com，收集了當前各種前沿的交互動畫效果，而且每天都在不斷增加中。
閱讀全文
摘要：《Web 前端開發精華文章推薦》2014年第一期（總第二十二期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各類能夠提升網站用戶體驗的優秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
浙公網安備 33010602011771號