從零手把手教你設(shè)計(jì)網(wǎng)頁(yè)
先給大家把我開(kāi)始設(shè)計(jì)的原型圖到效果圖,這是一個(gè)簡(jiǎn)單的公司首頁(yè)。
在正式做頁(yè)面之前我在腦海里已經(jīng)有一個(gè)自己對(duì)想要設(shè)計(jì)的網(wǎng)頁(yè)有一個(gè)初步的認(rèn)識(shí),大概確定網(wǎng)頁(yè)的一些功能和內(nèi)容具體位置,還有網(wǎng)頁(yè)有哪些板塊等,根據(jù)這些想象中的內(nèi)容我就可以描繪出網(wǎng)站的原型圖。(任何網(wǎng)站都包括導(dǎo)航header、內(nèi)容部分content、和網(wǎng)頁(yè)底部footer3大部分組成的,然后會(huì)有一些特殊的功能例如搜索功能,評(píng)價(jià)功能、標(biāo)志、表單、列表、注冊(cè)等)。現(xiàn)在我做一個(gè)企業(yè)的網(wǎng)站,(客戶(hù)需求需要一個(gè)搜索功能,有一個(gè)評(píng)價(jià)的功能和內(nèi)容部分展示的比較新穎,在產(chǎn)品展示的地方要很大,顏色和整體讓頁(yè)面很大氣和精致),根據(jù)客戶(hù)需求在設(shè)計(jì)之前我的腦海中有一個(gè)大概在設(shè)計(jì)頁(yè)面之前繪畫(huà)出一個(gè)原型圖幫助以后的設(shè)計(jì)給個(gè)框架然后一點(diǎn)一點(diǎn)把想要的形式和效果美化出來(lái)。現(xiàn)在我就教大家怎樣設(shè)計(jì)自己的網(wǎng)站。 第一次寫(xiě)教程希望大家喜歡。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 技巧
- 設(shè)計(jì)教程
- 原創(chuàng)
- 自譯教程
- 啟思教育-免費(fèi)試聽(tīng)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- ps網(wǎng)頁(yè)布局設(shè)計(jì)實(shí)例教程
- Photoshop設(shè)計(jì)IDC公司網(wǎng)站模板
- Photoshop打造蒼桑感網(wǎng)頁(yè)Header
- photoshop優(yōu)化輸出網(wǎng)頁(yè)圖片的技巧
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- Photoshop設(shè)計(jì)簡(jiǎn)潔風(fēng)格的網(wǎng)頁(yè)模板
- Photoshop設(shè)計(jì)Wordpress主題網(wǎng)站界面教程
- ps設(shè)計(jì)電影網(wǎng)站實(shí)例
- 網(wǎng)頁(yè)設(shè)計(jì)師需要掌握的10個(gè)Photoshop技巧
- photoshop制作960 Grid System的網(wǎng)頁(yè)模板