Post List  Post Summary
21 April,2007 9:45

[轉] 怎麼讓按鈕更容易被點擊

今天突然想起這個問題, 就好好搜索整理一下,不過在開始歸納之前,請先來一起做做這個小實驗:

忽略一切實際的外在情況, 你看了下面的按鈕,第一本能感覺, 哪一個你更想去點擊它:

下面是295個參與投票者的投票結果:


儘管按鈕所處環境會根據具體情況而千差萬別, 但回歸於最本質的設計原理, 讓待觸發的按鈕被關注和實施是交互設計的職責所在, 記得在Psychology of Everyday Things 這本書裡對設計原則提到了比較兩個基礎觀點:

設計容易理解的概念模型;
讓事情更可見

所以我根據個人的理解把按鈕設計應該注意的幾個方面用下面這個圖示的方式來歸納一下:

簡單歸納一下上面這個圖示:

圖形視覺效果可以突出按鈕在頁面中的存在,而滿足「更可見」的原則要求;
補充性質的圖標,可以讓用戶在觸發前更容易理解將要發生什麼,這樣可以迴避不必要的說明, 讓交互更有效;
迴避主次衝突, 讓最終的需要觸發的動作更顯著, 讓輔助的觸發更靠近焦點區域;
補充上圖中沒有表現的,讓焦點觸發按鈕周圍盡量乾淨, 平衡頁面結構和顏色對比。
shintaro12 at PIXNET at 09:45 AM | Comments(4) | Trackback(0) | Hits(66)
16 April,2007 10:02

【推薦】給寫動畫評論的朋友,幾款實用的圖像小工具

寫大家都愛看的動漫網誌,除了要有精彩絕倫的筆墨外,如能做得圖文並茂也會飽受讀者青睞。我見過好些專寫動畫情報和感想的部落格,談的東西根本是個屁(努力看也看不懂),但是因為截圖豐富加上更新勤快,還是為作者帶來了可觀的流量。
有幾個方便處理圖像的小工具,我不僅在寫感想評論時有用,日常工作時也偶爾會用到,這裡偷偷分享一下「快手秘技」吧。
怎麼拍圖我就不說了(如果你連這也不懂,也不可能看懂我下面要說的東西),但是給動畫拍圖要怎樣才會快而清晰?據我所知,大多數人的拍圖是重復以下動作:

1. 打開動畫檔案,開始播放。
2. 看到自己想要拍的畫面,按暫停,拍下。
3. 存好圖檔後繼續播放動畫。
4. 重復以上三步驟,最後打開photoshop把圖檔縮小成合適大小。

拜托啊老兄,還在這樣做的話你就遜掉了!
雖然用Photoshop對我來說就像吃飯一樣容易,但能用其他小軟體解決的時候我絕不用它。

【MediaCam】

這是我第一個要推薦的拍圖軟體。與其他軟體相比,它具有以下優勢:
1. 超級解霸、PowerDVD等軟體在播放流媒體時也能截圖,但一次只能截一張,不能連續截。而MediaCam可以按特殊的頻率連續截圖。
2. HyperSnap 等私人截圖工具雖然能夠連續截圖,但是它們在截圖時完全是站在旁觀者的立場上的,也就是說,即使截圖、儲存需要消耗時間,播放器也不會停下來等它,因此截 圖的頻率不可能太高,一些關鍵畫面也可能會被漏掉。而MediaCam由於將播放器控件內嵌自身,因此可以對播放過程進行控制,在儲存時可以暫停播放動作 (Real Player),或用慢鏡頭播放(Windows Media Player),因此可以以更高的頻率截圖。



簡單的說就是非常節省時間。但它也有以下使用限制:
1. 在使用本程式前,系統中必須先安裝Real Player、Windows Media Player及其外掛程式,並保証它們工作標準。這兩個播放器不能播放或播放不標準的流媒體檔案,用本程式也不可能播放出來。由於採用Intel Image Processing Library (IPL)完成圖像放大功能,本程式只能在支援MMX指令集的機器上運行。
2. 由於採用的是截屏技術,因此:a. 在工作前請先將你的顯示設定變更為24位或32位真彩,否則截取出來的圖像色彩不能保証效果。b. 截圖過程中不可以搬移播放視窗,或用其它視窗遮擋播放視窗。
3. 流媒體的播放和截取是以金錢為支撐的,在配有高速CPU、高速硬碟、大記憶體、高速顯卡的機器上,截取頻率和截取質量會高一些,反之則低一些。
4. 若果萬一WMP圖像截取失敗,即截出來的圖片一片黑,可以在Windows的“開始”選單中點“運行”,運行程式dxdiag.exe後,在“顯示”頁中點“禁用”DirectShow硬體加速。截完後再啟動硬體加速即可。



【TechSmith SnagIt】

圖全部拍好之後,要解決的問題剩下格式與大小。接下來輪到TechSmith SnagIt出場。
使用軟體內置的Convert Images工具可以一併解決。



設定resize Image後,輸出為JPEG格式。


然後就可以邊寫評論邊貼圖了!

最近喜歡的做法是把多張圖合成一張大圖,省去整理上傳與貼圖的時間。接下來介紹一款方便的拼貼軟體。

【nEO iMAGING】

灌好軟體後,用這個功能就是了。不多介紹,看了就知道怎麼用。


例圖(當然你可以做得更大)


點此下載nEO IMAGING
shintaro12 at PIXNET at 10:02 AM | Comments(4) | Trackback(0) | Hits(44)
13 January,2007 7:37

手寫英文字體

手寫英文字體給人很輕鬆自然的感覺,在平面設計時也常常用到。
該網址的收集還不錯,讓你的電腦字體更有親和力吧!
http://www.noenemies.com/archives/241-----
shintaro12 at PIXNET at 07:37 AM | Comments(0) | Trackback(0) | Hits(86)
29 September,2006 12:40

經典的國外flash源碼網站推薦

http://www.flashkit.com
[轉] 跟國內的閃客帝國一樣 元老級的網站,好多人應該都去過。資源豐富,就是廣告太多了,打開頁面慢吞吞的。
用好搜索功能,基本都能找到你想要的東西,個人常用的關鍵字推薦 :xml gallery(相冊); xml news(新聞發佈); menu(菜單) ; guestbook(留言板); mail(郵件);

http://www.ultrashock.com 資源頻道



也 算是比較老的一個站,相信早期國內很多推薦的flash酷站的內容都來自己於這裡,bombshock獎大家都見過,flash站下方都有幾個圖標,現在 這種形式的多了去了,一抓一大把,各獎項的份量卻已經不如從前了。相對來說bombshock推薦的flash站水平要比其他幾個高一點。


http://www.flashstar.de/ 德國的flashstar 老站一個,網站界面還是那麼簡陋,不過資源也很豐富。


http://www.flashstar.de/tutlist/ 點相關分類 就可以找到很多有用的資源。


http://www.levitated.net/
美國新墨西哥專注於flash圖形藝術的藝術家,用flash as寫出各種絢麗的圖形特效,免費開放下載。也是很早以前的一個站了,但是到現在看來,他們的特效依舊是 酷 就一個字。


http://www.adobe.com/cfusion/exchange/index.cfm adobe官網的exchang版塊,作為flash編程愛好者展示個人作品的地方,裡面收集了大量的flash擴展小插件,都是很實用的東西,既有免費下載的 也有需購買的。可通過搜索查找。可惜中文站沒有這塊內容,只有英文內容。

以上只是眾多資源站裡的小部分,
希望得到更多資源 ,可用 flash tutorial關鍵字google出更多資源站。
-----
shintaro12 at PIXNET at 12:40 PM | Comments(0) | Trackback(0) | Hits(200)