動畫不再只能運用在卡通中了！到處都可見全螢幕的動態圖片，和小範圍的觸控動畫懸停特效。讓我們看看如何將動畫巧妙地運用在網頁設計中。

林玉鈴

有許多人會詢問：
網頁設計師：「小弟之前都使用傳統作法設計網頁，PS設計好視覺，然後HTML+CSS+JS切版，

然後交給後PHP工程師製作後台，現在想踏入joomla的世界，找了很多文，都找不到如何將自己

設計切好的板去改成模板連接JOOMLA後台，請問各位大大有相關文章可以提供給小弟參考嗎?」

Joomla user：「我會使用Joomla，但我希望有一個漂亮而且屬於我的版型，請問我該如何作一

個自己的版型呢？」

再此將如何製作Joomla版型的過程回覆如下，

身為一個前端網頁設計師，從國外好的設計網站作為學習靈感與範本，是必須的學習過程，並且利用好用的網頁技術可以提高工作效率。

以下介紹製作網頁的好用網站及工具。

推薦網站1：Divvy

網頁設計師使用多個程式,螢幕空間變得有限。因此,為了控制視窗,divvy是一個非常有用的工具。它能夠快速有效地控制你的滑鼠推,拉,拖或者點擊視窗的大小和位置。這個程式透過點擊和拖拉使用網格系統來管理視窗。此外,它還允許用戶建立自定義鍵盤快捷鍵使用。

特效這兩年崛起非常之迅猛，幾乎是網頁設計領域最強大的設計趨勢之一。

翻譯：Ring
電子商務購物網站已經風行了很多年，購物網站就像是在網路上的黃金店面一樣，可以吸引來數眾多的網路購物瀏覽者，是老闆們不可輕忽的市場。

就在十年前，許多購物網站看起來就像是老闆們為了搶快而臨時設立的網站一樣，毫無設計可言。

好的購物網站必須將繁複的過程精簡，提供瀏覽者介面的友善性，並且將商品按照好的邏輯分類，結帳過程是快速並能輕易付款的，設計風格也必須有所改善，要為大家介紹以下2014年世界上獨特且經過精心設計的7種購物網站。

1. Dyson

http://www.dyson.com/

Dyson的購物網站設計，證明Dyson不僅僅只是一家致力於讓吸塵器安靜的公司而已，Dyson也可以讓家電變得很時尚有趣。Dyson使用細緻的網站佈局，出色的攝影，高質感的色調，讓瀏覽者把目光集中在他們的產品上。

色環(The color wheel)是一種幫助我們理解色彩和色彩關係的工具。
最常見的色環是 12 色環。通常一個色環包含至少 6 種、多到 24、48、96 或更多種顏色。

三原色

色環中有三種原色。它們分別是紅、黃、藍。理論上這三種顏色可以混合出任何其他顏色。當你把這三種顏色混合到一起時，理論上會產生黑色。
（譯註：本文的三原色理論基於較傳統的顏料消減型混合體系，有別於電腦領域常用的 RGB 光源疊加型三基色體系和 CMYK 印刷消減型分色體系。

三間色

通過混合兩種原色，你將得到一種間色。總共有三種間色，分別是綠色、紫色、橙色。橙色由紅和黃混合而來，紫色由藍和紅混合而來，而綠色由黃和藍混合而來。 Tertiary colors

複色

色環中的第三類顏色就是複色，或稱為三次色。它們是由色環中鄰近的原色和間色混合而來。這六種複色分別是黃綠色、藍綠色、藍紫色、紫紅色、紅橙色、黃橙色。

「比稿到底是什麼？」以下的影片可以幫助你更了解！

http://blog.youtubelearn.com/what-is-spec-work/

 中英文全文如下：

In the design world, SPEC Work is short for SPECULATIVE Work. And that means… ugh… it’s kinda like when you, ugh… it basically means working for free. It usually comes in two forms.
在設計的世界裡，SPEC Work是比稿的縮寫。而那意味著…啊…它有點像是當你，啊…基本上意思是指免費工作。它通常有兩種形式。

做設計時常用到的元素,提供psd檔案免費下載。

尺寸: 1024×780
檔案類型: PSD
檔案大小: 753 KB
Number of Items in Set: 5
作者: Free PSD Files
下載網頁：http://freepsdfiles.net/download?id=3866

在網頁設計中，頁腳(FOOTER)是用戶尋找資訊的地方。所以在設計網站時也不要忽略這個地方。

在FOOTER裏需要包含哪些元素？如何組織FOOTER的內容使其不突兀並保持整體美感？

1.保持設計簡單

這是大部分網頁設計項目的關鍵之一，但是這點也是重中之重。在處理大量資訊放在頁腳的的時候，簡單設計就顯得尤為重要。

堅持清理元素，保證充足的空間並有目的地組織資訊。儘量避免混亂，思考哪些元素需要出現在你的頁腳中，以及它們為什麼要在那裏。

頁腳的尺寸一般都跟你網站頁面數和信息量有關。 Agra-Culture 在頁腳中使用顏色、圖示和文字，不過它很簡單，而且流量很大。每個鏈結都易於點擊，綠色背景中農場圖像的微妙細節是個很好的嘗試。

撰文者David 陳文剛
原文:商業週刊

在一般人的印象裡，設計是不用錢的。因為家裡做裝潢的時候，室內設計有時候是可以討價還價的，不用另收設計費；還有到印刷廠印名片的時候，通常老闆也會免費幫你設計名片，不僅用你喜歡的字型來編排，要是多印個幾盒名片，搞不好還會幫你做一個專屬的公司Logo。

所以，設計為什麼要錢？

設計當然要錢。

在不收設計費的「假象」背後，這些費用都會在奇怪的地方，被神不知鬼不覺地灌回來。我聽過一個親戚裝潢房子的例子，因為找了個認識的室內設計師，所以不用支付任何設計費用。結果很有趣，一棟室內60坪的房子，裝潢費300萬，除了把書房跟客廳打通，變成半開放式空間，做了些收納及展示櫃，並且在廚房裝了一扇宣稱價值60萬的多角度拉門外，其他大部分的區域都是素牆，僅僅做了上漆修邊裝燈等基本工作。裝潢錢是花了，但是老實說，整體的空間感受跟剛剛交屋時差不了多少。

作品 - 桃園市政府警察局天羅地網監視系統的3D動畫！