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




  • 【 設計理論】網頁設計師值得學習的10個技巧




    網頁設計師值得學習的10個技巧

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自ximumu的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    下面的這10個技巧因該說更像是習慣,對於網頁設計師來說設計時都會有一些適合自己的操作動作,主要針對Photoshoop軟件來說,比如字體選擇,顏色的安全性,圖層的整理等。對於一個出色的設計師一定會將這些作為自己的職業習慣予以保留,這對於以後的自我提高也


    設計理論教學開始

    下面的這10個技巧因該說更像是習慣,對於網頁設計師來說設計時都會有一些適合自己的操作動作,主要針對Photoshoop軟件來說,比如字體選擇,顏色的安全性,圖層的整理等。對於一個出色的設計師一定會將這些作為自己的職業習慣予以保留,這對於以後的自我提高也是有好處的。

    1.儘可能的使用路徑和形狀圖層.

    這樣你可以在後面想修改時,可以從容的修改.

    網頁設計師值得學習的10個技巧

    2.圖層樣式,是你的好朋友.雙擊圖層,你可以對它進行各種效果:漸變,陰影,色彩重疊.這樣做可以更容易的修改.比如一個

    客戶說:"這個可以改為藍色的嗎?"

    網頁設計師值得學習的10個技巧

    3.在文字圖層上使用尖銳的文字.因為這樣更能容易讓用戶看的清楚.當字體小於12象素時,儘可能的使用尖銳字體.

    如果字休很小時,就設置文字的屬性為無.如下圖:

    網頁設計師值得學習的10個技巧

    4.在選擇字體時,儘可能的使用"網絡安全字體".在現在瀏覽器中,如果代理用戶的電腦里沒有你設計的字體,則它會使用默認的字體,

    或者是用別的字體代替.但是在LOGO或者是圖片里使用設計文字,你可以把那些字體

    切成切片.

    5.把相似的圖層放在同一個組裡.比如我們可以把網頁頭部的圖層都放到一個文件夾里,這樣即可以方便修改,也方便

    圖層的管理.

    網頁設計師值得學習的10個技巧

    6.在同一個網頁里為重複的地方建各自的圖層.在一個網站中,變化最多是的content.而footer,header,sidebar,通常不變化.

    所以我們可以在photoshop中使有文件夾結構.比如:

    >content-frot page

    >content-contact form

    >content-entry

    7.在保存圖片為jpeg格式時,質量選擇100%.在保存時你可以選擇80%,是為了節省空間,但是圖片的質量也變化了.

    在這個問題,沒有固定的答案,選擇自已所要的就行.

    8.設置好網頁的寬度.

    如果你是為屏幕為800px為目標,則寬度不要超過760.

    如果是為1024px,則不要超過960px.現在大多用戶的電腦都用1024,有得還

    更高.所以設置網頁寬度為960是一個主流.

    9.多找些資料來看,然後自己動手.

    10.下面是一個範例有興趣可以下載來動手做一下

    網頁設計師值得學習的10個技巧

    — —

    文章永久連結為: 網頁設計師值得學習的10個技巧