1規劃與草圖
2設計和制造
3切割和出口
4編輯和模板
5動畫和廣告
6鏈接和上傳
根據軟件和長度,制造步驟分為:
1規劃與草圖
1.1所有的網站等設計工作都是從策劃開始的。這是展示妳才華和創造力的最佳場所。人和其他動物最大的區別就是會思考,會創造,也只有這壹點是難能可貴的!我們必須先完成壹個網站最關鍵的策劃部分,才能打開PS或者FW界面,這將直接影響到。
這個網站的成敗。壹個優秀的網站不僅要美觀,還要易於瀏覽,可讀性強,簡潔明快!
網站的風格、色彩、布局、版面、欄目甚至每壹個微小的圖標都要經過精心制作和考慮。風格的制定取決於妳的網站的瀏覽人群和讀者的專業背景、文化程度和培養愛好,只有做自己喜歡的事情,才能最大限度地提高知名度;另壹方面,也要看公司的類型和企業法人的偏好。如果妳不想加入自己的意願,那麽以上幾點已經定下了網站的大方向!
1.2這個網站是面向企業的商業網站,所以我采用簡潔的風格,明亮鮮艷的顏色和款式。只要學會平面構成和色彩構成,我就會知道如何根據它的風格來安排各種元素和內容,用什麽顏色來創造妳想要表達的效果,包括冷暖明暗。大面積的中性色並不刺眼,但重要的引導視線可以用亮色來發揮。冬天喜歡暖色,夏天喜歡冷色,這是人的天性。給人信任感和科技感的藍色之韻是我選擇它的原因,而促進食欲的顏色,比如橘黃色,更容易受到美食網站的青睞!
1.3按照簡潔科學的分類原則劃分欄目:首頁客戶中心狹義介紹合作媒體常見問題;媒體對我們的報道。
如果分欄不好,會影響框架的調整,後果就是:從頭再來,郁悶?
這個網站主要是針對濰坊企業的,所以要本地化,讓人覺得親切,要好看,廢話!!
1.4好了,請拿起妳的筆,根據妳的想法和思路,在紙上畫壹個素描。都是具體的,最好精確到每壹個陰影,每壹筆!這壹步至關重要。說出來!
1.5在這部分的最後,是準備網站需要的材料,包括圖標、LOGO、廣告語、內容介紹等。這些都是最基本的!
2設計和制造
2.1如果草圖已經畫的很完美,可以打開PS或者FW開始制作和設計我們的界面。這裏我用的是PS,不如FW高效專業,但更靈活自由。這是我最喜歡的,因為我習慣了!養兵千日,平時的練習和學習在這裏就派上用場了!哈哈!
2.2妳可以先把新建的778*600的頁面框起來,然後用逐步細化的方法。也可以用自己獨特的手法,比如透明玻璃水晶紐扣,打造出特別的風格,力求簡潔精致!不要放過每壹個細節,哪怕是1*1的5%透明度的陰影都會為妳的頁面增色,不要以為別人看不到!
2.3最好養成分層的習慣,這樣便於分類編輯,避免把幾百層放在較低的層次上弄得亂七八糟。
作為壹個優秀的設計師,妳應該是有條理的,所以請養成對每壹層進行分類命名的習慣,這絕不是浪費妳的時間!
3切割和出口
無論是PS還是FW,即使是AI做的設計界面,裁剪原理也是壹樣的。請遵循以下方面:
3.1首先按照大概的框架進行裁剪,比如漢字或者T字,註意它的完整性。
3.2對於要輸入的文字區域、大面積色塊或單張圖片,以及flash動畫,應單獨切割成非圖片格式切片進行插入。
3.3註意對需要較長時間添加內容的區域進行靈活裁剪,保證有圖案可以重復排列。
3.4切割時要特別小心謹慎。不要在行或列中留下壹個像素的間隙。放大它,使所有切片對齊,不留任何間隙。
3.5創建按鈕、空白等其他自動生成的切片,以及需要改變圖片外觀的切片。
剪切後,選擇命令將文件保存為網頁,導出為HTML文件,供DW編輯。
4編輯和模板
4.1在DW中打開導出的HTML文件並開始編輯,包括將大表格居中、設置背景、將空白輸入區的單元格背景改為原來的剪切圖片等。
4.2給編輯好的文件添加CSS樣式,包括TD、ALINK等最基本的標簽,然後保存為模板DWT文件,在^altv.新建壹個可編輯區域
4.3通過模板新建頁面,添加相應內容。
5動畫和廣告
5.1根據原切片大小制作FL動畫廣告條,使用相應的文字內容和廣告語言在FL中創建新文件。
5.2將廣告詞復制粘貼到場景中,排版轉換成組件578*104。
5.3添加相應的背景和動畫,調試節奏,發布為SWF文件。
5.4將模板頁面插入DW,調整大小後保存。其他頁面將自動更新。
6鏈接和上傳
6.1重置模板頁面的導航鏈接。這壹步也可以在第四節完成。
6.2在本地打開主頁,檢查鏈接和文本內容,直到沒有錯誤,以確保鏈接可以正常訪問。
6.3上傳到應用空間,域名解析成功後在瀏覽器中瀏覽上線效果並做相應後期維護!