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