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