隨筆分類 - 網頁設計
網頁設計
摘要：Dripicons 是一個好看的免費圖標集，有超過 90 個扁平風格的圖標，適用在 Web 應用程序中使用，如：箭頭，媒體，圖表等等。 集合多種矢量格式（PSD，AI，EPS，PDF，SVG），也可以作為網絡字體。
閱讀全文
摘要：之前已經分享過一些幫助 Web 開發人員和設計師的 Chrome 擴展，這次我們繼續展示一組很有用的 Chrome 應用程序。這些免費的 Chrome 應用程序可以簡化您的工作流程，為了加快您的工作流程，從而快速幫助你提高你的工作效率。
閱讀全文
摘要：扁平化設計對于印刷品設計、網頁設計和移動操作系統的設計來都帶去了新的變化。扁平化網頁設計是指設計形式摒棄圖案紋理背景，陰影文字以及網站盒模型的部分。谷歌是第一個使用扁平化設計準備對重構 Web 應用程序的公司，現在越來越多的公司正在效仿。這里收集了43個鼓舞人心的扁平化網頁設計作品，值得網站開發人員借鑒。
閱讀全文
摘要：扁平化設計對于印刷品設計、網頁設計和移動操作系統的設計來都帶去了新的變化。扁平化網頁設計是指設計形式摒棄圖案紋理背景，陰影文字以及網站盒模型的部分。谷歌是第一個使用扁平化設計準備對重構 Web 應用程序的公司，現在越來越多的公司正在效仿。這里收集了43個鼓舞人心的扁平化網頁設計作品，值得網站開發人員借鑒。
閱讀全文
摘要：在網絡上能找很多免費的 PSD 格式素材，但是很少有 HTML/CSS 界面組件下載。在這篇文章中，收集了14套免費的 HTML/CSS 界面源碼分享給前端設計師和開發者們。這些組件包括按鈕、滑塊、表單、搜索欄、進度條等。
閱讀全文
摘要：設計是不斷發展的，你最近在訪問 Dribbble 的時候，你會驚訝地看到許多設計師使用模糊背景來顯示產品。今天這里收集了15套高品質的時尚紋理素材，可以免費下載使用。這些精美的紋理背景素材可以幫助你讓設計項目更出眾，趕緊來下載吧！
閱讀全文
摘要：Photoshop 實例教程是提高 Photoshop 技能的最佳學習途徑。今天，我向大家分享最新20個 Photoshop 進階教程，提高你的圖片處理技巧，制作時尚的效果。這些教程可以幫助把你的想法變成現實，并創造新的東西。
閱讀全文
摘要：設計師在很多時候想通過使用很多的設計元素或復雜的調色板使一個網站脫穎而出，往往會導致一個網站過度設計，而忽視了最重要的內容。大多數時候，你會發現它更好的做法是采取簡約的做法。因此，今天，我們收集了15個新鮮的簡約設計的網站例子激發你的靈感。
閱讀全文
摘要：FullPage.js 是一個簡單而易于使用的插件，用來創建全屏滾動網站（也被稱為單頁網站）。除了可以創建全屏滾動效果以外，也可以給網站添加一些水平的滑塊效果。能夠自適應不同的屏幕尺寸，包括平板電腦和移動設備。
閱讀全文
摘要：在這里，我們向大家呈現一些有用的和免費的 Android 用戶界面 PSD 素材。由于 Android 市場迅速增長，設計人員和開發人員正在尋找一些快速和容易的方法來創建 Android 友好的應用和網站。免費的 PSD 資源可以幫助設計人員和開發人員節省時間和提高工作效率。
閱讀全文
摘要：這篇文章，給大家帶來的同樣是字體在網頁設計中的使用案例展示。除了圖像上的文字使用之外，還有很多其它的在網頁設計制作漂亮的印刷字體的選擇。從干凈簡單的設計到豐富多彩的設計，眾多的靈感能夠激發你的想象力。
閱讀全文
摘要：koala 是一個前端預處理器語言圖形編譯工具，支持 Less、Sass、Compass、CoffeeScript，幫助 Web 開發者更高效地使用它們進行開發。跨平臺運行，完美兼容 Windows、Linux、Mac。
閱讀全文
摘要：我們可以說，最近圖像占據了網頁設計的中心舞臺。因此，我們已經看到了一些真正美麗的網站使用了圓滑圖像作為焦點，引人注目。在網頁設計中，從簡約設計的概念到全屏的背景圖片，有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發性的例子。聚集在這里的網站將證明美麗和高品質的圖像可以傳遞信息，彰顯個性并迎合用戶的喜好。
閱讀全文
摘要：計師使用精致的充滿吸引力的寬屏圖片作為背景，給來網站帶來一種別樣的特色。現在網絡上有成千上萬的圖片可供選擇，根據您的設??計和需求，你可以把普通圖像變成一個功能強大的工具，以吸引你的客戶。讓我們來仔細看看這些自然景觀風格的網站，展示了戶外的唯美。這種網站看起來很環保很清新，即使他們賣的產品或服務不與大自然相關，但在數字網絡世界，這種風格創建了一個大的反差。
閱讀全文
摘要：有什么更好的方式來顯示您的應用程序的外觀和感覺呢？你看了這些設計示例之后就會有靈感了。無論是在 iPhone，iPad，Android，還是在桌面應用程序或網站，這些設計都增加了一些視覺上的吸引力，并有助于使您的 APP 的著陸頁面（Landing Page）看起來更聰明，更專業。
閱讀全文
摘要：計師使用精致的充滿吸引力的寬屏圖片作為背景，給來網站帶來一種別樣的特色。現在網絡上有成千上萬的圖片可供選擇，根據您的設??計和需求，你可以把普通圖像變成一個功能強大的工具，以吸引你的客戶。讓我們來仔細看看這些自然景觀風格的網站，展示了戶外的唯美。這種網站看起來很環保很清新，即使他們賣的產品或服務不與大自然相關，但在數字網絡世界，這種風格創建了一個大的反差。
閱讀全文
摘要：Semantic UI 是一個 UI 庫，使前端開發更簡單，更容易學習。Semantic UI 介紹了許多界面元素。在大多數情況下，只有你需要的元素建立一個自定義的構建可能是最好的。 UI 組件分為四大類，范圍從最小到最大的范圍分為：用戶界面 ??UI 元素集合，UI 模塊和用戶界面視圖。
閱讀全文
摘要：在網頁設計中使用醒目的色彩，無疑是讓您的網站彰顯個性并獲得的注意力的一個很好的方式。正確的使用顏色組合是一個挑戰，但做得好的話可以有很大的影響。這里收集了12個美麗的使用醒目色彩的網站作品示例，設計師們并不避諱使用一些大膽和鮮艷的色彩，相信能帶給你一些靈感。
閱讀全文
摘要：設計網站時，將要使用的圖像在一開始通常還不存在，這個時候布局是最重要的。然而，圖像的尺寸通常是預先設置，實用一些占位圖像可以幫助我們更好地預覽和分析布局。現在有免費的占位圖片自動生成工具可以使用，而不是手動創建這些占位符圖像，可以節省我們的時間。這里向大家推薦8款 Web 開發中很實用的占位圖片生成工具。
閱讀全文
摘要：Favico.js 在讓你的網頁圖標顯示徽章，圖像或視頻。你設置可以輕松地在網頁圖標中使用動畫，可以自定義類型的動畫，背景顏色和文字顏色。它支持的動畫，像幻燈片，漸變，彈出等等。
閱讀全文
浙公網安備 33010602011771號