Illustrator – 摺紙效果

摺紙效果

在 Illustrator 中一定要會用鋼筆工具、路徑管理員…才能畫出好看的作品嗎?答案是否的,只要我們充分使用色彩的明暗與物件的排列、堆疊一樣可以畫出令人驚豔的作品出來。以下便是我們利用 Illustrator 中的矩形工具、多邊形工具、直接選取工具、色彩控制與物件的排列堆疊所完成的摺紙效果範例。 繼續閱讀

in Photoshop 影像設計

jQuery Animate 動畫練習 – 滑動式彩帶按鈕

jQuery Animate 動畫練習 - 滑動式彩帶按鈕

這一個範例要讓同學來練習使用 jQuery 的 animate() 指令,設計製作動態滑動的按鈕,由於 jQuery 的 animate() 指令是借用 CSS 的語法來設定動畫效果,將原本靜態的網頁,變成具有動畫效果的呈現,所以在學習 jQuery 之前必須要先對 CSS 網頁排版熟悉,才能自由發揮出 jQuery 的各種動態功能… 繼續閱讀

in JavaScript 程式設計

修正 iPhone 手機旋轉後畫面會放大的問題

修正 iPhone 手機旋轉後畫面會放大的問題

續前篇 使用 Veiwport 對於行動裝置的影響 所衍生出來的問題。完成了設定 width=device-width 使各廠牌手機的可視寬度與整個頁面寬度相同固然可喜可賀,看起來很正常,沒有什麼異狀呀!也達到我們想要讓使用者看到的結果。(如下圖所示) 繼續閱讀

in Mobile Web 手機網頁

Dreamweaver 行為 – 設定容器文字

設定容器文字

若各位要在網頁上與使用者做個小小的提示互動~沒有第二句話,就直接撰寫 Javascript 吧!誠如前篇所描述的一樣,若是不會撰寫 Javascript 不就挫咧蛋!剛好遇到某些時候業務急著要、上司急著要、老闆急著要、客戶急著要、媽媽急著要(媽媽來亂的),怎麼辦? 繼續閱讀

in Dreamweaver 網頁設計

Dreamweaver – Spry 選單列

01

Dreamweaver 中的 Spry 是以 HTML、Javascript、CSS 三種語法撰寫而成的互動式元素,讓某些不會撰寫程式語法的人也能夠輕易地做出效果性十足的互動式網頁。在 Spry 中的選單列、摺疊式面版、標籤面板、可收合面板、工具提示等 繼續閱讀

in Dreamweaver 網頁設計

Dreamweaver 行為 – 調換影像

01

在使用網頁的經驗中,大家是否有遇過影像太小看不到細節的狀況?若是我們可以使用滑鼠滑入或點擊該影像,能在另一個區域中檢視到放大的影像,那應該是比較妥當的呈現方式!一般的購物網站都有製作此機制,否則,使用者在購物中都只能看到小圖而看不到細節的顯示時 繼續閱讀

in Dreamweaver 網頁設計