設計術語-Design terminology

只要是設計,多少會用到些術語,紅標部分常會用到!


一.
大型看板...............Billboard
小冊子..................Booklet
手冊(比小冊子大)... Brochure
業務展示工具(冊)....Sales Kit
資料夾(可摺式).......Folder 單頁文宣...............Leaflet
拉頁文宣...............Folding Flyer
插頁文宣...............Insertion(or Insert)
立即取..................Take-one
直效信件...............DM(or Direct Mail) 附加信函...............Cover Letter

二.
店頭海報...............Poster
店頭橫招...............Banner
吊旗.....................Ceiling Display
地貼.....................Floor Sticker
陳列箱..................Dump Bin
桌上立架...............Standee(put on Table or Counter)
桌上搖搖牌............Wiggle(Flapping Sign)
陳列架昭示............Shelf Vision (or Shelf Talker)
大型站立牌............Life-size Display
現場展示工具.........Demonstration kit

三.
前主標(或引導主標)Pre Catch
主標.....................Catch
後主標..................Sub Catch
內文標題(或小標)....H/L (as Head Line)
內文.....................Copy(or Body Copy)
短主標(或提是主標)Eye Catch
特殊處裡(或附註)...Pattern
標語.....................Slogan

四.
色調.....................Tone
類型(或風格)..........Manner
原型.....................Dummy
編排.....................Layout
腳本.....................Script
編排格式...............Format
完稿.....................Finished Art(or F/A)

Gift2

Gift

Evy's personal D.M.

I got my fist job!

Good article------will try to translate to the English

----------摘自大樹----------
一、網站架構圖

好老套哦，不是嗎? 不過最老套的方法，卻是最必需要的。畫出一個完整的網頁架構圖，可以讓您在事前先行規劃好網站架構，所有的功能在此時都應詳細的列出，不應存有事後再來補的想法，以大樹的經驗來看，網站通常是牽一髮動全身，事前沒有想好的部份，事後要來補總是會勞師動眾，令人氣結。弄不好，部份網頁得從新做過也說不定。所以大家在架構一個網站之前，還是乖乖把一個架構圖畫出來吧。至於要畫到多細? 大樹的建議是，把所有頁面都要畫出來。舉例來說，一個留言板的架構，就需包含到留言清單、新增留言、管理留言、編修、刪除…只要是你將來會需要的部份，這個時候先把它清楚的列出，如此一來，您只要照圖施工，就可以很快速的完成網站。

二、網頁的基本色與CSS

大樹由於是美工出身，所以與一般網頁製作者的差異應該在此，當網站架構圖出來後，大樹就會開始選擇一個基本色系，一個好的網站，應該讓大家在瀏覽所有網頁時，感受是在同一區裡面遊走，而不是第一頁看到大紅、第二頁看到大綠。差異太大的設計，不容易讓人家對你的網站有印象，在這麼多的網站當中，您必須塑造自已的風格，而這樣的風格，就先從基本色選起。
也許這樣的說法您聽的一頭霧水，大樹換個方式講好了，講到7-11，您會想到什麼顏色? 綠色系吧(橙紅為輔助色系)，講到燦坤會想到什麼顏色? 黃色系吧…這就是利用顏色來塑造瀏覽者的記憶，如果您同意大樹的說法，下次設計網頁的第二個工作，不妨利用CSS功能，把您網站上的基本色調定出來，讓所有的網頁套用，相信就可以做出您自已的風格。

三、別讓「效果」蓋過「想法」

網頁所能顯示的效果五花八門，但一般設計者容易陷入這個陷阱，大量的套用一些炫目的效果，反而讓瀏覽者無法感受到您網頁上所要呈現的資訊，這是反客為主的作法。效果是輔助，別讓它搶了主題，大量運用現成效果，會讓網頁顯示有些俗艷，相當可惜。

四、「人」 才是主控者

設計網頁時，要把每位瀏覽者視為一個電腦門外漢，除非您的網站本來就定位在極專門，否則，別設計一些連你自已操作起來都覺得彆扭的功能。
自已把網頁瀏覽的動線規畫出來，所謂的動線就是「連結」接「連結」這一條無形的線。讓瀏覽者知道他下一步可以按那裡的「連結」，而最重要的回到首頁也不要忘了。經常逛到一些網頁必須靠IE的「上一頁」回去，這並不是一個很好的動線規畫。


五、善用關聯式資料庫

動態網頁的靈魂，就在資料庫上，大樹初接觸Asp的世界時，也還不能精確掌握資料庫的特性，所以當時資料庫的運用純粹只是記錄資料用，大部份的運用會想盡辦法在網頁中用Sql語法來完成，不過後來大樹了解到，只要資料庫規畫的好，利用資料庫本身的關聯性與查詢，很多網頁需求可以輕鬆完成。所以大樹會建議大家在製作網頁之前，先花一點時間規畫您的資料庫，就如同建房子一樣，資料庫是地基，網頁是樓層，地基打的好，上面的樓層就會很穩固哦。

六、注重安全性

或許您跟大樹以前有同樣的想法，應該沒人會對駭自已的網站有興趣吧…不過，駭客的想法，總是令人摸不透，也許您的網站資料沒什麼重要性，但是駭客入侵，恐怕不是看中您的網頁資料，而是藉由您的網站，來當做入侵的練習目標。所以注意一些安全性報告，以及加強網頁主機權限控管，都是必要的。記得有人提過，把資料庫的檔名MDB更換為IDC，也是不錯的方法。不過…最重要的是，在網路上廣結善緣，不要輕易樹敵，自然就比較不會招惹是非，即使被駭，也會有熱心網友在第一時間通知您，可別網站被改成色情圖片大半年，身為網站主人還渾然不知，那就糗了。

七、最佳化網站

何謂最佳化網站? 大樹臨時想不出該用什麼名詞來形容，就用了這個名詞，其實它包括了幾個部份：

原始檔的最佳化：這個部份對於一般人恐怕是比較難的部份，至少對大樹來說是如此，因為原始語法艱深難懂。不過…大樹指的是一些不必要的語法，盡量讓語法精簡，尤其是使用微軟牌相關軟體製作出來的網頁，總會包含一拖拉古不必要的語法在裡面，這可以利用DW本身的去除功能，把這些語法拿掉，原始檔內容越多、檔案就越大、傳輸就越慢。
圖檔的最佳化：有些人習慣把大圖，直接在DW中拉小就放上去了，事實上這是沒有必要的，您需要多大的圖，就製作多大的圖，還好DW MX2004有即時更新尺寸的功能，方便許多。而視情況選擇圖檔的格式也是必要的。一個Gif16色可以解決的圖，就沒有必要用Gif256色來製作，這都是浪費傳輸時間的元兇，在Fireworks 中，可以讓您直接看到不同的格式所佔用的傳輸時間(預估值)，在不影響畫面質太多的情況下，您可以挑最適合使用的格式。
八、伺服器主機也是關鍵

如果是付費的空間，就挑個穩定一點的主機來使用吧，上網聽聽別人的評價，有助於您的選擇。或許您也會想自已架設伺服器來使用，不過自已架設需要自已維護，除了定期更新系統、防毒、24小時連線的硬體耗損、電費，以及備份系統、不斷電系統，及穩定的線路，都是需要考慮的。
總體來說，付費的，不需自已維護、挺方便的，只是空間有限。而自已架設，則投入軟硬體成本高，維護又累，但是可運用的空間就寬廣多了，可有利弊，不過無論付費或自設，穩定性與速度都是首要考量的部份。

九、讓擴充程式加強您的網頁效果

這一點其實也沒啥好講的，如果您跟大樹一樣，屬於那種只會基本網頁法的人，那多找一些Extension來補強您的網頁內容吧，這也是Dreamweaver一族最大的優勢，有滿山的擴充程式可以運用，最重要的是，大部份的擴充程式還是免費的，運用的好，一定可以讓您的網頁設計加分的。

十、讓網站活起來

這是最後的一點，也是大樹認為最重要的一點，不過也是最難的一點。
一般網站必須靠網站管理者的不斷更新來添加活力，但如果能有網友的參與討論，則網站的活力才會夠，有人氣，網站才有生存的意義，啊不然是要做給鬼看哦? 至於如何讓網站活起來，管理者可能必須勤勞一點的更新資料，並且擁有一些吸引網友瀏覽討論的內容。這一點大樹也還自認不及格，有待你我一同努力哦…

大樹一直強調，這些都是大樹個人的看法，不一定是很正確的規劃理論，但是是大樹的一些經驗談，與您分享囉!