• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計教學 】超實用的網頁標準配色和大圖素材站分享




    超實用的網頁標準配色和大圖素材站分享

    這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

    文章出處是來自優設的攝影作品類文章,寫教學的作者是情非得已,感謝情非得已提供其他資訊的實作教學。

    教學大綱:

    今天的兩枚酷站,第一個提供16種更好看的網頁默認標準色,附上CSS 樣式文件,方便實用。第二個專門為「顏控」的設計師提供了超多高格調的大圖作為桌面背景,都是好東西,別錯過咯。


    其他資訊教學開始

    今天的兩枚酷站,第一個提供16種更好看的網頁默認標準色,附上CSS 樣式文件,方便實用。第二個專門為「顏控」的設計師提供了超多高格調的大圖作為桌面背景,都是好東西,別錯過咯。

    Colors.css

    網頁安全色有216中,但支持顏色名稱作為顏色值的只有16種,分別是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

    然而這16種Web自帶的標準色看上去是極為「老土」的,幾乎沒有設計師願意去使用,而今天小編為大家分享16 種更好看的 Web 默認標準色:Colors.css,顏色變好看了,而且已有寫好的 CSS 樣式文件。

    超實用的網頁標準配色和大圖素材站分享

    老的web標準色值:

    超實用的網頁標準配色和大圖素材站分享

    通過以上兩組對比,可以看出Colors.css的顏色值更適合現時的 WEB UI 設計。

    樣式表中除了有文字顏色值外,還有已寫好的背景色和邊框色。

    超實用的網頁標準配色和大圖素材站分享

    SVG 填充

    超實用的網頁標準配色和大圖素材站分享

    SVG Strockes

    超實用的網頁標準配色和大圖素材站分享

    網站中還有PS用的.aco和AI用的 .ase文件,喜歡的可以到官方網站上下載。

    Wallions

    Wallions 是一個國外的免費桌布下載網站,集合了一堆免費、可自由下載的相片作品,用戶能將它們保存後設定為自己的桌面背景,無須註冊,也不用安裝任何軟件。無論你是一位攝影師,或只是喜歡花時間在網絡上尋找美麗相片的使用者,歡迎來這裡尋寶!

    不知道你是如何看待桌布這件事呢?我認為挑選計算機桌面是一件非常個性化的事,因為你可以把自己喜好、興趣或性格帶到這些你經常使用的裝置上,使它更專屬於你。不過近幾年桌布網站已經越來越少,現今圖片來源多半轉為社交網絡。

    STEP 1

    開啟 Wallions 網站后,可以從首頁找到許多美麗的桌布背景,將窗口向下拖曳捲動,會自動加載更多桌布,在瀏覽上還蠻輕鬆的。

    超實用的網頁標準配色和大圖素材站分享

    STEP 2

    點選左上角開啟「選單」后,可以隨機顯示更多桌布,或者瀏覽「熱門」桌布收藏。比較特別的是 Wallions 還依照桌布形狀分成長方形(橫式、直式)及正方形三種。

    超實用的網頁標準配色和大圖素材站分享

    STEP 3

    點選任何想要下載的桌布后,會開啟詳細信息頁面,從右側找到該桌布原始尺寸大小,看看是否適合你目前的裝置分辨率。相片右下角有個小小的「下載」按鈕,點選即可把相片保存下來,再設定為你的裝置背景即可。

    超實用的網頁標準配色和大圖素材站分享

    — —

    文章永久連結為: 超實用的網頁標準配色和大圖素材站分享