Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

::旗標電腦文摘::最正確、最豐富的電腦知識寶藏!
2009-1-1│ NO448│訂閱電子報

本週活動:
本期主題:
最新主題:
 
:::最新出版:::
 Web+設計的黃金則 - 讓人流連忘返的網站設計關鍵
池谷義紀 著, 林蕙如 譯
卡娃伊設計點子爆米花 - Photoshop + Illustrator
Dreamweaver CS4 魔法書
Fedora 10 Linux 實務應用
Michael Freeman的私家攝技 - 絕活101
老師來了 Photoshop 熱血連環漫畫教室
一定更漂亮! Photoshop 人像編修


本期主題:Web+設計的黃金則─什麼東西可以吸引人的目光?



大家應該都有目光被某個東西所吸引的經驗吧!
漫畫裡就時常可見男性駕駛人的目光被人行道上的美女所吸引, 結果撞上某物這樣的情節。 所以要了解使用者在瀏覽網頁時,目光會被什麼所吸引,一開始又會先看什麼地方這類問題,是提高可及性的重要課題之一。

目光的焦點

關於人的目光會被什麼東西、以什麼樣的方式吸引這樣的議題,在學術上是被劃分到 感性工學、認知心理學或生理學等看來很艱深的領域。若要鑽研這些專門領域的話,恐 怕沒完沒了。不過,只要了解其中的一小部份精髓,就可以對設計有非常大的幫助。

首先,會吸引人類目光的是移動中的物體,其次依序為色彩鮮艷的物體、對比強烈的 物體,以及體積大的物體。

目光會被移動中的物體所吸引的原因在於:對原始時代的人類來說,移動中的物體, 像是野獸及害蟲等接近身邊,可能會對自己造成威脅,故必須早一點察覺到的這種本能 留存到現在所致。然而,最近卻不乏認定動態圖片就等於廣告的例子。雖然本能上目光 會被它所吸引,但在各種網站上所得到的經驗已經深植腦海,因此會反射性地認為「動 態圖片就是廣告」。所以即便使用者的眼睛看了那個動態圖片,卻可能完全忽視它。若希 望用動態圖片吸引住使用者的目光,務必要讓它看起來不像是廣告的圖片才行。

人類的目光會被移動 的物體、鮮艷的物體以及體積大等物體所吸引。只要將希望使用者留意的部份突顯 出來,就能做出富含強弱對比效果的網站 設計。但千萬要小心如果做得太過頭,可能會被誤認為是廣告 喔!

......本文節錄自《Web+設計的黃金則 - 讓人流連忘返的網站設計關鍵


本期主題:可輕易變換顏色的水彩筆觸心形插圖



利用「水彩質感」筆刷,在畫布上揮灑出水彩的筆觸。一 般來說類比式的水彩影像總是難以變更顏色,但本例卻能輕易地變換顏色喔!

製作重點:
‧在純色填滿圖層的遮色片上繪製心形圖案
‧使用「水彩質感」筆刷
‧利用剪裁遮色片,替各個部分一一上色

1.啟動 Photoshop 後,新增一個寬、高:9×7 公分、解析度:350 像素/英吋、色彩模式:RGB 的
檔案。接著,執行『圖層/新增填滿圖層/純色』命令,選 擇填入黑色。接著將前景色設為白色,背景色設為黑色,按Ctrl +A 鈕 (Win) 或 +A 鍵選取全部 後,按Delete 鍵,將純色圖層的遮色片內容刪除掉。

2.利用筆刷工具,在圖層遮色片上,繪製做為基本 圖形的心形圖案。一邊調整筆刷的主要直徑尺寸
及不透明度之數值,一邊利用實圓筆刷繪製心形圖案主 要部分,再利用水彩色紋理表面筆刷 (潮濕媒體筆刷 類) 來繪製心形邊緣水彩暈開的筆觸。最後,將此圖層 的混合模式設定為色彩增值。

......更多的內容請見《卡娃伊設計點子爆米花 - Photoshop + Illustrator


好書能增進知識、提高學習效率‧ 卓越的品質是旗標的信念與堅持
Copyright c 2008 Flag Publishing Co.,Ltd. All Rights Reserved 本電子報內容未經授權請勿轉載