2013年12月24日星期二

讓學生們在接觸代碼之前先形成網頁的概念是十分重要的


  在課程中,常有學生對於(元素內容)超出畫布以網路行銷台中後的行為感到困惑。如果只設計了960像素寬的內容,那麼網路行銷當顯示器為1200像素寬的時候,頁面會發生什麼呢?通常情況下,超出的部分會填充為背景色或者填充為重復的圖案。學生們卻很少問到顯示區域寬度小於960像素後發生的事情。

  在問及較窄屏幕的情況時,大多數學生會指出頁面底部會出現橫向滾動條,網站訪客需要拓寬瀏覽器寬度才能看得到完整的頁面。他們(這個時候)並不會考慮按鈕在觸屏設備上會不會很不好操作,文字大小在不同屏幕的顯示屏上是否會有很大的變動。這樣的教學方式倒是可以引導學生思考這些問題。

  許多關注於響應式設計的工作室,不會去使用像在課上設計出的那種設計圖,也不把這種圖作為開發過程中的一部分。相反,他們更傾向使用基於HT口碑行銷ML台北網頁設計和CSS的設計圖來展示客戶端所看到的網站外觀。那為什麼還要向學生們講圖像式的設計圖呢?

  原因是,在開發過程的這個階段,學生們不一定十分了解HTML和CSS,極端情況下甚至一點也不了解。從設計圖上拿掉代碼的部分以後,學生們所關注網頁設計台北的,是包括圖形設計和用戶體驗之類的設計原則。一旦他們學會了HTML和CSS以後,他們就再也不會使用圖像式的設計圖了。在學習基於圖像來設計網頁效果的過程中,他們學會了使用Photoshop/Fireworks,了解了使用這種設計環境的優點和缺點——這也是很有益的經驗。


没有评论:

发表评论