阿盛網頁素材 css 相關
廣告過去一個月已有 超過 1 萬 位使用者造訪過 tw.strikingly.com
我的網頁解決方案為您量身訂製。免費架設網站和商店。 支持多語言,社群媒體整合,SEO友好,移動友好,自訂域名,自訂表單等功能。專業級跨境SaaS架站系統。
搜尋結果
20 個超有用的 CSS 動畫庫. 從網路上的各種來源精心挑選的 20 個最佳 CSS 動畫的集合。. 它們中的大多數將產生純 CSS 程式碼，而不需要任何外部程式庫。. 如果您想探索更多前端工具和資源，請造訪我們的 180+ 最佳前端開發工具 頁面以了解更多資訊。. 1. 動畫.css ...
歡迎光臨阿盛在痞客邦的小天地. 部落格全站分類： 休閒旅遊. 相簿. 部落格. 留言. 名片. 目前分類：網頁素材 (7) 瀏覽方式： 標題列表 簡短摘要. Dec 19 Thu 2013 21:37. 裝潢您的部落格-插圖素材 (第07集) 【裝潢您的部落格-插圖素材07】 (繼續閱讀...) 文章標籤. 網頁素材 裝潢部落格 插圖. 阿盛 發表在 痞客邦 留言 (1) 人氣 () 個人分類： 網頁素材. top. Dec 19 Thu 2013 20:58. 裝潢您的部落格-插圖素材 (第06集) 【裝潢您的部落格-插圖素材06】 (繼續閱讀...) 文章標籤. 網頁素材 裝潢部落格 插圖. 阿盛 發表在 痞客邦 留言 (1) 人氣 () 個人分類： 網頁素材. top.
2024年6月4日 · 直接點選它提供的免費素材建議標籤，就可以輕易找到想要的網頁素材。另外，如果你在Pixabay找不到想要的網頁素材，建議可以到StockSnap.io找找看，通常會有一些Pixabay沒有的免費圖片，有令人耳目一新的感覺。 網頁素材網站6：Canva 免費素材庫
2019年9月5日 · 以下這邊分享幾個實用的素材網頁，可以複製程式碼，加以修改成自己需要的樣子，再植入自己的網頁程式碼中。 1. HTML reference： https://htmlreference.io/ 可以當成HTML手冊或百科全書的東西。 2. CSS reference： https://cssreference.io/ 可以當成CSS 3.
- 靈感搜集
- 素材
- 線上工具
- 學習
設計社群平台
Behance、Dribbble、Pinterest這三個已經是設計師最熟知也常用的社群平台，集合非常優秀的設計師作品，下面也介紹幾個優秀的中文社群平台 1. 站酷 Zcool 中國最具人氣的設計師互動平台，300萬設計師聚集地。致力於打造伴隨設計創意群體學習、交流、就業、交易、創業各個成長環節的生態體系。站酷，讓設計更有價值，與創意群體一同進步。網頁設計、App 設計 1. 花瓣網 是 Pinterest 的對岸版本，有非常多的設計師都在這裡收藏設計靈感，在這裡你可以找到非常多中文的設計案例，缺乏靈感時一定要來這裡逛逛！
網頁設計
1. Awwwards 在這裡你看到來至世界各地超讚的網頁設計，除此之外你也可以看到這個網站在這種各種分析指標的分數！ 1. CSS Design Awards 優秀的網頁設計作品精選，也是許多設計師會將作品投稿至此的指標性網站。 1. CSSWINNER 與上方Awwwards和CSS Design Awards一樣，同為網頁設計指標性網站。 1. muuuuu 收藏好多好精美的日本網站設計案例！推薦大家去關注！ 1. notefolio 主要以蒐集韓國設計為靈感的網站。 1. One Page Love 專門收藏單頁式網頁設計，這裡收藏的很多網站都非常的有質感。
UI設計
1. Collect UI 包含註冊、結帳、登陸…等167種類別的網頁/應用程式介面設計。 1. pttrns 與Collect UI一樣專注在UI設計上個各種介面。 1. UI Garage 有超過2,553種分類的網頁、平板、手機的UI設計，像首頁、註冊頁面、導航、菜單、搜索…等設計，通通都有。 1. Muzli Collections Muzli是一個專門從各大網站、平台搜集關於設計各樣的知識、靈感圖文，Muzli Collections是以各種設計類型為靈感搜集合集，並且每日持續更新。 1. UISOURCES 集合了非常多知名APP產品的UI設計，很方便可以看到這些產品的設計，就不需要一個個去App Store下載和截圖 1. Mobbin 跟UISOURCES一樣，專門搜集許多知名APP的UI設計圖，主要以歐美的產品為主
影像
1. Pexels 免費可商用圖庫，支援繁體中文搜尋 1. Pixabay 免費可商用圖庫，支援簡體中文搜尋 1. Unsplash 提供無著作權（CC0）高解析度圖片，你可以任意運用在任何地方，無須付費，也不用標註原作者名稱。 1. iStock 需付費的商用素材圖庫，從照片、向量圖、影片、音樂都有，素材質量大部分也都比免費圖庫更好，收費方式有提供針對少量需求的點數制度，也有以固定數量的訂閱制方案。 1. Shutterstock 主打更多高質量的影像素材，付費方式以固定數量的訂閱制方案為主。 1. Adobe Stock Adobe旗下的素材網站，以影像、圖片為主，當然也包含了一些影片、3D圖型。付費方式以固定數量的訂閱制方案。
圖片 / ICON
1. Freepik 這應該是我最常使用到的網站，裡面有超多各式各樣的設計向量素材，從ICON、插畫、背景…等等素材都有，也有少量不錯的影像素材，且大部分的素材都是可免費使用（需標注出處），但還是有少量更精緻的素材需要成為付費會員才能夠下載。 1. Freebies 素材主要以UI設計相關為主，並且用各種不同軟體、工具作為分類，可以依照你常用的工具去選擇適合的素材，非常貼心。 1. Noun Project 以ICON為主的素材庫，提供非常多類型的ICON，並且主打搜尋ICON功能，讓你更能聚焦在要找的ICON類型，我常常在作ICON發想時後，來這輸入關鍵字看會找到什麼圖形，非常好用。 1. mixkit 藝術插畫資源，有人像、自然、食物、動物、城市等分類。可免費使用，支援PNG下載。 1. unDraw 插畫素材資源，網站中的素材都可以免費用於商用，也提供SVG、PNG等格式。
字體
1. dafont 常用的免費字體素材，字體非常多可下載。 1. fonts2u 跟dafont一樣為常用的免費字體素材。 1. Google Fonts Google 提供的字體服務，不僅可下載安裝到本機電腦，並能線上字體的方式供網站連接取用，且目前為免費，非常之推薦。 1. myfonts 需付費的字體素材網站，但不得不說字體的質量比免費的字體素材又更好、更多，付費方式以直接購買為主，沒有提供套裝訂閱制服務。
線上編譯器
1. codepen 主要以線上編譯器為核心功能，對於網頁設計使相當實用的工具，能夠線上編譯HTML、CSS、Javascript，而且codepen也是個社群機制平台，許多人會將他們的作品放在平台上做分享，特別是許多網頁效果動畫，若你有需要網頁動畫的靈感這邊或許可以來看看。
配色工具
1. Adobe Color Adobe旗下的顏色配置工具，裡面提供各式各樣的色彩搭配組合，可以根據你的主色來配置適合的色票，並且也提供一些熱門的色票作為靈感。 1. COLOURlovers 討論配色的社群，可根據顏色再去搜尋色票，你可以在這看到來自四面八方的色彩靈感！ 1. Muzli colors 可以用顏色去尋找色票，或是點擊相近的顏色色塊，進行色票的搜尋，非常方便。 1. uiGradients 一款簡單好用的漸層產生工具，你可以用他來產生各種漂亮的漸層背景，而且還直接複製 CSS 程式碼套用在你的網站上！ 1. colorsupplyyy 可以直接將色票套用在一些圖案應用上，幫助你更可以想像這些顏色的應用。
擴充套件
1. Muzli Design Inspiration 設計師必裝 Chrome Extension，隨時隨地了解設計圈發生的大小事！ 1. Panda 與Muzli類似功用類似，以找到最好的內容來保持靈感為目的。已有130,000多個設計師使用。 注意： Muzli和Panda安裝後都會成為Chrome開啟的預設頁面，但兩者無法同時顯示和切換，所以建議可以用不同瀏覽器做安裝，或是純粹使用網頁版本
網路知識
1. 設計大舌頭 分享許多業界不同領域的產品設計，還有關於UI/UX設計知識的實際應用與落實方式分享。 1. As A Product Designer AAPD 專注於分享數位產品設計的相關資訊，並且致力在平台上創造更多的交流與互動，關注UI設計、UX設計、設計師的個人成長、設計趨勢與產業動態等，希望透過這些知識的傳遞，能夠降低每位設計師成長的過程中所遇到的阻礙。 1. UX四神湯 UX四神湯是四位臺灣清大畢業的UX海外工作者所建立的內容平台，由於四位作者的職能與公司規模都不同，內容涵蓋美國與大陸的工作環境、互聯網巨頭與新創公司的組織方式與UX實務技能分享。 1. CONVERSION LAB Conversion Lab 的成員來自不同背景和國家，藉著分享知識、觀點與實作技巧，期望對華語圈的使用者經驗設計資訊品質有所貢獻。 1. UX Collective 分享比較多有關UX、視覺和產品設計的知識內容，是個刺激設計思維和提申洞察角度的好地方。 1. UX Planet 主要提供用戶體驗相關的知識內容，從案例剖析、使用者經驗研究、知識分享都有。 1. Sidebar Sideb...
Podcast
1. 設計遊牧 一個分享UX設計工作、留學、創業、產業新知的節目，透過UX研究員、產品設計師與他們的朋友的聊天過程，讓你輕鬆獲得多元的UX觀點與想法 1. 科技職涯 科技職涯是由 CakeResume創立的 Podcast 節目，專門邀請在科技、數位和新創領域的工作者來分享他們的職涯趣事。 1. 科技島讀 科技島讀是會員制媒體，專注於分析國際事件，解讀科技、商業與社會趨勢。因為從台灣出發，因此取名「島」讀。 1. 嚼嚼設計 Design chew chew 一個介紹設計書籍的podcast節目，每週更新都會帶來新的分享。 1. Anyway.FM 設計雜談 由兩位UI設計師主播的 podcast，主題包括但不限於視覺設計，入選 2015 年 Apple 最佳播客榜單。 1. UX Coffee 設計咖 節目以”設計無處不在“概念。試圖通過和設計這個世界的人們交談，去探尋創造的過程、感受設計的力量。
影片
1. UXUITube UI/UX界的Youtube，集合了超多精選的UI/UX設計影片內容，非常推薦的學習資源。 延伸閱讀： 線上作品集網站不求人，8個設計師常用的方法 提升設計效率？網頁UI設計師必裝的7個Chrome擴充插件 若你喜歡我的這篇文章，麻煩拍5次下面小手給予我支持與鼓勵喔！
2021年8月11日 · CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載. Pseric. 2021-08-11. 素材模版, 免費圖示. CSS.GG 是一套開放原始碼、以 CSS 繪製而成的 免費圖示集，收錄超過 700 個圖示圖案，提供 CSS、SVG、Figma 等多種格式，因為是以程式碼刻製，整套圖示檔案非常小 ...
2021年9月16日 · 常使用的素材網站、線上產生器. 使用編輯器好用套件. html+css介紹，並補充我自己遇到的問題及樣式寫法. 製作響應式網站需要注意的細節. 希望可以幫助初學者學習製作網站，也歡迎大家跟我分享. 目錄. 30天學會HTML＋CSS，製作精美網站. 如何製作一個精美的網站. 找尋你的設計靈感、素材及好工具. 改造你的VSCode，大幅提升你的Coding效率. 認識網頁元素 HTML、CSS. 語意標籤-30天學會HTML＋CSS，製作精美網站. 網頁選擇器-30天學會HTML＋CSS，製作精美網站. 偽類與偽元素-30天學會HTML＋CSS，製作精美網站. 網頁常用單位-30天學會HTML＋CSS，製作精美網站. 網頁命名規則-30天學會HTML＋CSS，製作精美網站.
