教學資源

Visio你用了嗎

發佈日期:2012/11/20
分享文章:  

什麼是Visio(ㄈ一 ㄙ一 ㄡ) 這是Microsoft(簡稱麥可)的一種設計軟體。

 

說是設計軟體還不如說它是專業的流程圖設計工具。

為什麼會想推薦 因為在寫企劃書的時候 我都用它設計網站架構圖,但是 Visio的功能不只是在架構圖而已!!

流程圖、組織圖、行政規劃..等等 你所想到的阿三不七的圖,Visio的物件應該都可以滿足(我猜的)。

以我的工作性質來說吧 當我去和客戶接洽網站規劃的時候,最主要的就是讓客戶看到 這個網站的基本架構。

 

網站架構圖

網站架構圖

 

有時候專業的文字敘述不如一張簡潔架構圖的呈現,講實在話 客戶根本沒時間看企劃書寫的多精彩。

而是這個網站的規劃重點在哪裡,並不是代表文字不重要,而是把文字敘述做為一個輔助的性質。

襯托出這份網站企劃書的專業性與完整性,如果時間足夠,或許還可以在繼續規劃網站的首頁區塊圖。

 

版面結構圖

版面配置圖

 

如上圖,給客戶一個網站建構的想像空間,增加客戶的信賴感。

我曾經把Visio 和 AdobeAI(Illustrator)做一個比較,同樣內容的網站架構圖,Visio花了約15分鐘、AI花了快35分鐘。

畫出來的架構圖當然是AI比較好看,可是卻佔據很多時間,Visio畫出來的架構圖雖然不比AI出色 但是簡潔整齊也不差。

後來 我選擇Visio做為企劃工具,是時效性和效益比為最大的考量,畢竟AI是專業的繪圖設計軟體,

還是將它發揮在設計作品比較恰當。

所以 我只能說麥可耶!!你總算出了一個不錯的商業設計軟體,對了!!Office套裝軟體裏並沒有包含Visio

所以不要傻傻地以為安裝了Office 就以為有Visio可以用需要再另外安裝,

目前Visio出到2007 基本上與2003沒有差別太多,如果你想試用Office2007 請點選 Office2007 試用下載

 

在市面上 還沒有專門為"網站企劃"所出版的書籍,所以 必須要常常看很多與網站企劃相關的書或資料。

我知道這條路很辛苦 也可能會賺不到什麼錢,但是 從選擇做網站企劃開始 就很堅定告訴自己

不管如何辛苦 我一定要堅持下去成為專業的企劃人,就像我喜歡設計一樣地喜歡企劃 這都是讓我繼續努力的動力。

下次 有時間在分享Visio和其他工具的應用,感恩啦 鄉親 期待下次空中相會~



空心字的特效

發佈日期:2012/11/20
分享文章:  

空心字

  1. 開圖檔

  2. 文字遮色片工具(水平)

  3. 輸入 WISH

  4. 編輯/筆畫


重點:



上下滑動式區塊

發佈日期:2012/11/20
分享文章:  

Dreamweaver 外掛程式

Dreamweaver 外掛程式一直是網頁設計師的好朋友,不用寫程式,輕輕點一點就可以完成。

這一支 Dreamweaver 外掛程式「flevPersistentDivs.mxp」可以製作上下滑動式區塊,當網頁捲軸拉動時,區塊會跟著上下滑動,大部份網站拿來做滑動廣告,也可以拿來做滑動選單,是網路上很常用到的效果…. 省時省力,美觀實用,老闆最愛,贊!

【範例預覽 】
http://www.flycan.com/example/2011_0211_persistener_div

【範例下載 】
http://www.flycan.com/example/2011_0211_persistener_div/persistener_div.zip

【外掛程式下載 】
http://www.flycan.com/deux2/extensions/MX508561_flevPersistentDivs.mxp

使用方法


Step 1

自已在網頁上寫一個

,然後幫
用 id 取一個名字。

 

不會寫

的同學,可以使用 Dreamweaver 插入 AP Div ,他預設的 id 名字是 apDiv1 ,如下圖 ↓

 

上下滑動式區塊


Step 2

在 div 內放圖片,如下圖 ↓


Step 3

下載 【外掛程式 】
http://www.flycan.com/deux2/extensions/MX508561_flevPersistentDivs.mxp

裝起來以後,先點選左下角的

,然後在【行為】面版選用 「RibbersZeewolde」→「Persistent Layers」


Step 4

注意看「Select Layer」處是不是剛剛我們設定的

名稱

 

選定「Stick to the position specified by the following options」

選定「Animated」

存檔,打開來看看…

【範例預覽 】
http://www.flycan.com/example/2011_0211_persistener_div

水啦!!水啦!!




Apycom jQuery Menus