2008-10-25 23:15:11漣漪

網頁設計

這學期捨廣告策略企畫去修了圖傳系的網頁設計(Flash),並不容易學啊這個......

第一個作業是畫出網站架構圖,有點像是網站地圖的那種。一般網頁應該是先進到一頁動畫,看的人可以按skip直接進入第二頁,也就是有主選單的那一頁。可是老師的範例沒有動畫的那一頁,不知道是不是Flash的性質跟網頁的不同,我還不太明白,照著老師的那種畫了架構。

接者是第二個作業,要求畫出版面的樣子、按鈕的位置,字和圖的分布和比例多大,顏色或框線等的設定,不過這個實在不太容易,因為我還不清楚Flash可以做出怎樣的效果,也就是這個軟體的性質,所以不知道到底可以做到什麼樣的地步,設計起來就很一般網頁的感覺,我畫了像這樣的圖(作業局部):

 

動畫只有在首頁和點選作品的那個部分,其他部分就是普通網頁的樣子。

老師評語:你的版面尺寸會是多大?扣10分。要用手繪的,然後掃瞄給我看版型設計是可以,但請盡量掃瞄的清楚一點。你會有底圖,或是顏色背景嗎?很簡單的草圖,在安排上目前看來還是略於簡略,請盡快完成比較完整的設計圖。

唉呀,看到扣10分漣漪受到不小的打擊,這個作業只拿到65分而已嘎......漣漪畫的圖是照著架構圖那樣分,感覺上很一目了然,圖用圖書館的掃描器掃成檔案之後也有盡量調過,用100%來看才會比較清楚,其他實在不知道到底哪裡不OK。一問之下老師說要實際畫出來圖文的比例,還有要標示出整個的大小,於是我用以拉畫了頁面看起來的樣子來補交。

 
有的頁面沒有做,不知道會不會又被扣分ˊ口ˋ,多放了之前做黃蔚軒老師作業時畫的喵一隻。版面用以拉畫起來很簡單,不知道在Flash上又是怎麼回事了。

老師評語:版面尺寸知道了。版面目前看來沒有大問題,但是提醒你倒是要注意目前以點選按鈕和其他可點選按鈕之間的差異,免得產生誤解。

恩,那我大概會在顏色上作出濃淡的區別。

目前Flash教了一些基本的補間動畫(有點像會動的漸變)、遮罩、導引線圖層,影像原件(?),還有上次教的按鈕。按鈕要貼語法,依照版本的不同,Flash本身內建的指令好像也不太一樣,而且學校用的Adobe CS3還是英文版的......不過老師的教材很用心,還特別做了操作動畫讓我們在家的時候可以看。

下次的作業到底是什麼啊?
怎麼我聽的和同學聽的製作形式好像不太一樣......(cry)

 

上一篇:立體紙雕練習

下一篇:網頁設計2

星衍 2008-10-29 11:52:53

說到flash我也沒有很熟...所以也沒有辦法救你,但網頁有時會用到它,所以如果有時間會想把它搞懂,最近發生一件"好消息,電腦宣布掛掉,我不想休了= ="現在過著在圖書館用電腦,或是拿硬碟跟夜間部的一起練習....

版主回應
沒關係,也許修完這門課之後我可以教你。
表示會比較少在線上遇到你了(?)

文章的圖不知道怎樣顯示不太出來...
2008-11-03 02:45:46
DUCK 2008-10-27 00:04:36

我對flash 的 action script 比較頭大...
而且當你想做的精美的時候,每次都被一堆原件搞到"轟"~~(翻桌)
最近有翻出網頁的書自修中....

版主回應
動作元件??我跟flash還沒有很熟,明天要交一個FLASH動畫我好頭大。 2008-10-28 01:39:47