2011-11-12 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(
m.gerard.com.cn
)是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的
BS界面設(shè)計(jì)
、
cs界面設(shè)計(jì)
、
ipad界面設(shè)計(jì)
、
包裝設(shè)計(jì)
、
圖標(biāo)定制
、
用戶體驗(yàn)
、交互設(shè)計(jì)、
網(wǎng)站建設(shè)
、平面設(shè)計(jì)服務(wù)
原文：http://blog.bingo929.com/31-practical-web-interface-design-tutorials.html
為網(wǎng)站創(chuàng)建有效的導(dǎo)航對于網(wǎng)站瀏覽者的瀏覽及導(dǎo)航起到至關(guān)重要的作用。我們?yōu)槟x了以下時尚且簡單的導(dǎo)航設(shè)計(jì)教程，當(dāng)您掌握這些教程之后，進(jìn)行各種調(diào)節(jié)及變化將變得非常容易。
1. Retro Dark Blue Header Design
教您如何設(shè)計(jì)一個深藍(lán)色復(fù)古圓角網(wǎng)站頁頭。
教您如何設(shè)計(jì)一個WII風(fēng)格的網(wǎng)站頁頭。
3. Colorful Design Studio Header
如何設(shè)計(jì)一個色彩艷麗的工作室頁頭布局。
如何為您的網(wǎng)站創(chuàng)建一個簡單且有效的網(wǎng)站導(dǎo)航欄。
7. High-Detailed Plastic Navigation Bar
導(dǎo)航菜單可以使用不尋常的文本鏈接到結(jié)構(gòu)復(fù)雜的下拉菜單。這個教程詳細(xì)描述了設(shè)計(jì)”塑料”風(fēng)格導(dǎo)航菜單的過程。
教您如何設(shè)計(jì)一個光滑的內(nèi)容區(qū)。
如何設(shè)計(jì)一個綠色發(fā)光效果的導(dǎo)航。
10. Blue On Black Navigation Bar
如何結(jié)合幾種圖層樣式來設(shè)計(jì)漂亮而簡單的導(dǎo)航欄。
11. Clean White Navigation Bar
簡潔是漂亮網(wǎng)站的關(guān)鍵，學(xué)習(xí)如何使用PHOTOSHOP繪制一個漂亮的導(dǎo)航欄。
如何設(shè)計(jì)一個流行的帶下拉菜單的搜索欄。
如何使用更多的效果和工具來設(shè)計(jì)更高級的導(dǎo)航。
如何使用一些工具和效果為網(wǎng)站布局設(shè)計(jì)一個導(dǎo)航，這種方法同樣適用于設(shè)計(jì)其他內(nèi)容區(qū)等。
15. Create A Professional Gaming Header
如何設(shè)計(jì)一個專業(yè)的游戲網(wǎng)站導(dǎo)航欄。
16.Volkswagen Inspired Navigation
大眾汽車風(fēng)格的導(dǎo)航欄。本教程需要你足夠了解PHOTOSHOP。你需要了解圖層調(diào)色板和如何添加圖層樣式，并且會使用自定義圖形和剪切遮罩。
17. Design A Unique Bookmark Box
如何為您的博客設(shè)計(jì)獨(dú)特且專業(yè)的書簽板塊，當(dāng)然也可用于您的網(wǎng)站。
對于那些想要獨(dú)立設(shè)計(jì)自己的網(wǎng)站有沒有什么頭緒的站長，這里有一些教程能夠幫你您從頭到尾合計(jì)網(wǎng)站的布局。
1. The Art Institute Photoshop Template
簡單幾步創(chuàng)建時尚的網(wǎng)站模板。
2. Talkmania Arhitecture Layout
創(chuàng)建工作室網(wǎng)站頁面
4. Clean Black And Green Webdesign
簡潔的黑色和綠色網(wǎng)頁設(shè)計(jì)
5. Unique Grungy Website Layout
如何設(shè)計(jì)獨(dú)特的有破舊感的網(wǎng)站布局
6. Clean Business Layout Tutorial
簡潔的商業(yè)網(wǎng)站布局設(shè)計(jì)教程
本教程包含了一些比較新穎的技術(shù)，比如使用有趣的投影元素。
8. The Ultimate Grunge Design Tutorial
本教程將討論如何使用PHOTOSHOP設(shè)計(jì)美妙的破舊風(fēng)格網(wǎng)站布局，其中使用的一些技術(shù)是我在其他地方?jīng)]有看到過的。
設(shè)計(jì)簡潔且有當(dāng)代風(fēng)格的房地產(chǎn)相關(guān)類型網(wǎng)站。
10. Agency Layout
11. Vibrant Modern Blog Design In Photoshop
使用Adobe Photoshop設(shè)計(jì)一個色彩鮮明的流行博客布局。
設(shè)計(jì)一個攝影類網(wǎng)站。
13. Konvicted Art
設(shè)計(jì)一個獨(dú)特的桌面布局網(wǎng)站，包括一些常用的辦公工具元素。
英文原文:31 Practical (Web) Interface Design Tutorials
翻譯原文:精選31個網(wǎng)站界面設(shè)計(jì)實(shí)踐教程
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.gerard.com.cn