御砌  設計構想：明亮、大氣、寬廣為設計目標，用碎布邊融合畫面，並帶點日式風味(原本照片太過剛硬)，主視覺使用Flash漸入，增添畫面流動感。
html部分使用Vimeo網路串流播放，用以播放影片介紹。右側部分則著重文字資訊。

御邸  設計構想：依參考網站為基底，以黑色表現沉穩、專精、剛硬感覺，以工整，深邃為設計目標。

———————————————————————————————–
寫這篇文章貌似有點牢騷的感覺，這個問題也始終是非常的抽象。「企業網站的大氣到底是為了什麼?」接觸互聯網以來，經由我手的企業網站建設或是改版之類的 工作也不計其數，絕大多數的網站項目需求設計方案都有一個共通點：設計要求一定要「大氣」。

「大氣」這個原本陌生的詞彙漸漸佔領了我的設計思路，有種盲從地被強J的感覺。其實，說實話，如果你讓現今的小企業來對你的設計做些要求的話，從專業角度 出發，他們可能連一個起碼的要求都提不出來。我也曾經試探性地問過一些客戶最基本的設計上的需求。比如網站的基本色調之類的，往往得到的答覆就是：你們看 著辦吧，什麼顏色好看用什麼顏色。這種對自身企業不負責任的回答，難免會在一定程度上影響到設計人員的設計方向。

回到文章標題提到的「大氣」上來。這個詞彙在字典裡的具體含義我不清楚，但大多數的企業客戶都是義正嚴詞地白紙黑字寫在了需求說明裡。可能這就是他們在對 你的設計效果沒有絲毫建設性要求之後，不經大腦思索就硬生生地強加給設計人員的最無理的要求了。但，如何做的大氣，他們也拿不定注意的，某些客戶可能只是 為了掩飾自己的輕浮，而不得不做出的一個頗具風範的補充罷了。

對於設計人員來說，「大氣」真的是非常頭痛的問題。因為「大氣」這東西不是說做就能做出來的，這不是一個實際存在的物體，只可意會不可言傳。飄朵白雲，放 個飛機等等只能說明自己的庸俗，更有甚者，萬般強調一定要在首頁加上企業老總的照片，放上音樂播放器等等，這就是他們心中的「大氣」。然而，這些所謂的 「大氣」並沒能增加網站的優勢，反而，更凸顯了企業的無為。我們此時所要做的就是開導教化，規勸他們千萬不要把自己的企業站做成一個娛樂場所，要娛樂，去 那些門戶網站就夠了，他們什麼都有，你想不到的都有。但往往這些建議都會被他們拋擲腦後，「我讓你怎麼做你就怎麼做好了，又不會少你一分！」但凡聽到類似 這樣的話的，這個企業絕對不是什麼有實力的。做紡織的放個飛機表明自己的高度；做物流的放個唱著交響樂的音樂播放器表明自己深度。。。這樣就大氣了嗎？

在網上找到一個這樣對商業網站的定義，感覺概括的比較全面：「大氣」是指突出要表現的主題,並加以適當的誇張，弱化輔助的圖形，減少干擾的元素。同時通過 色彩的搭配，元素的使用及比例等，形成考究的視覺中心，把「氣」留住，讓畫面有良好的節奏感。這是一個比較高的境界，需要設計師不斷的提高自身的修養與審 美意識。

對於一個大氣的商業網站來說，首先，頁面佈局設計就是一個非常有學問值得推敲的問題。佈局合理有序，突出重點，簡潔而不簡單；單一而不單調；層次分明；設 計元素協調；能更好地滿足用戶的需求，引導用戶方便快捷地實現功能，第一時間找到自己要做的，下一步去哪，當前所在位置等等；給用戶一種暢通無阻暢快淋漓 的感覺，雖然是第一次訪問，但已是似曾相識信手拈來。這樣的大氣來的更且實際。因為，飛機不會讓用戶想到你的紡織品有多麼的精緻，交響樂也不能讓用戶看到 你的物流服務有多好。

一個網站就像一個人，合理的信息架構是骨架，豐富生動的信息內容是血肉，而界面是皮膚，貫穿始末的易用性等用戶體驗是內在的修養氣質。這一切相輔相成缺一 不可。所以一個有魅力的人其魅力所在絕不僅僅是因為有光鮮奪目的面孔，而更應是舉手投足間不經意流露出的內在氣質。網站也是如此，如果沒有一副好的骨架， 沒有血肉，徒有一個好外表，最終還是會讓人棄若鄙履的，這樣又何談「大氣」呢？

企業網站不應只是一個光鮮華麗又孤芳自賞的櫥窗廣告，偶爾引來人駐足卻又拉開了距離，讓人親近不得。企業網站更應該像是一個以用戶為中心的親切的便民窗口 （像小區裡的小賣部，它比市中心的商場超市更能滿足周圍住戶的需求，而且更快速直接），能幫助人理解企業的價值主張，找到所需的產品或服務，建立友好的信 任感，並以此為基礎實現自身的贏利目標。可用性與贏利能力相結合，並兼顧界面的美觀，企業網站建設只有做到了這一切，才能稱之為「大氣」。

環球版型設計及設計構想

首頁版型

主要提供各分頁選單連結，以及最新訊息。

以藍色背景以及地球儀表示環球概念。各國時間Banner以Flash動畫展現。

醫護留學主要分頁

以簡單灰色色系表現醫護專業形象，Banner 部分用Flash動畫表現轉場效果，可以設定三組圖像及文字(學校建築或是醫護專業形象圖)。

西班牙牙醫主要分頁

以淡粉色為主色，區別醫護專業形象，以及表達牙醫的親和力。用學校建築凸顯異國學習環境。

西班牙牙醫內分頁

延續主題色調配色，表現一致性。此區為靜態頁 面。並和其他內分頁同為兩欄式結構，目的在於，方便使用者維護，以及內頁部分的一致性。

一般留學主要分頁

以大塊的學員照片和淡黃色的背景表現氣氛歡愉，並用相本的視覺元素，表現異國學習點滴的紀錄。

一般留學內分頁

延續主題色調配色，表現一致性。此區為靜態頁面。並和其他內分頁同為兩欄式結構，目的在於，方便使用者 維護，以及內頁部分的一致性。

設計理念：希望表達環保，簡單，有設計感。

ps.辦公室好悶～

替我阿娘的朋友設計的樣版，不過他選擇了另一個~"~，真是心酸啦…

設計構想：因為目標客群的不同，而希望表現出現代毛織品時尚的印象。

手法：用一些陰影突出每個區塊不同的層次，導航列則使用黑色強調。Blog樣式，力求資訊的清晰，讓使用者一目瞭然。

↑圖為進入整合首頁版型，為Flash頁面，圖中文字及花紋都會以淡入方式進入場景。

設計概念：使用安藤忠雄擅長的清水模為背景素材，表達客戶希望的日式風格以及精品建築理念，並在Flash頁面加入手寫書法加強感覺。

網站架構：先以一歡迎頁面，整合野村及冠華兩家，使用者可以依需求，選擇進入的網站，爾後在分作兩個不同性質的網站。

↑圖為滑鼠移到目標上的效果。

↑圖為野村Flash歡迎頁面，文字會伴隨著櫻花飄落移動漸入到場景中。

↑圖為進入網站後內頁樣板。
（若為Flash網站，則點選或是滑鼠滑入目標，都會有相對應的動畫效果，Html則無。）

後記：開始要研擬一套合適的提案以及分析客戶需求方式，讓後續修正幅度減少。就從nomura開始吧。(Flash的靜態表示還是有待加強啊~ )

附記：作業中網址http://relaxhome.kc1982.org/home/

這次合作的對象是一間平面設計的公司，由於缺乏網頁設計經驗的人，所以找我們合作這一項專案

這是參考他們給的版型，所修正的樣板。

經由客戶所給的訊息，希望營造出河岸，還有稻田的感覺，原始的版型過於灰暗，所以我把整個畫面的亮度調升了些，更有春天的感覺 <(￣︶￣)>

南台灣國際精品廣場 網頁版型設計

設計概念：歡迎頁面，希望呈現珠寶富有質感的意念，以石壁上燙金的文字表達，輔以花紋豐富頁面

從製版、切圖、搞html用很短的時間完成，當然也沒花很多時間想，所以做的十分簡單，哈、看就知道

純html製作，聽說客戶是個老coco，為了安全性，所以一定要我們用單純html製作..俺也不知道為啥

還是分享一下工作的東西摟~

-Demo網址-