2007年9月28日 星期五

[勸敗]18倍變焦的的魅力 - OLYMPUS SP-550UZ 入手實測報告(未完...)

550UZ-1

最近因為晚上睡不著~
所以爬起來邊打電腦邊看敗家購物台有啥好物可敗(咳~有邁入老年的跡象)
剛好就看到這一台~ Olympus SP-550UZ 18x 超級變焦的最新消費機種,他的鏡頭涵蓋了超廣角以及超長望遠的範疇,同時搭載了 CCD 防手震機制,並支援 RAW 檔記錄,最大光圈2.8,再加上各種不亞於其他DSLR像機的拍攝模式,真可謂是一台旗艦級的夢幻機種阿。

這一款像機雖然比不上入門級的DSLR
但是一般DSLR該有一些大功能它也不缺~
不敗還真有點可惜~
當時買的價格跟目前網路價格比起來
網路價格約貴了一千塊錢
不過~就功能跟價格來說
還是可以敗的啦~
OK~
廢話不多說~
馬上就來看看這一台像機的測試報告吧~

●外觀

前面
550UZ-front

背面
550UZ-back

頂部
550UZ-top 

●規格

感光元件 7MP, 1/2.5吋 原色 CCD
最大影像 3072x2304 JPEG, RAW, RAW+JPEG, RAW 檔編修
最大動態 0x480 30fps Motion JPEG 有聲無間斷
鏡頭規格 11群 14枚,含 4枚非球面鏡, 2枚 ED鏡片
光學變焦 18x-zoom, 等效焦長 28~504mm
最大光圈 F2.8(W) / F4.5(T)
對焦範圍 一般: 10cm(W)/120cm(T)~無限遠 / SuperMacro: 1cm
測光模式 ESP, 中央加權, 點測光(143點選擇)
曝光補償 -2EV ~ +2EV, 1/3EV 調整
拍攝模式 P, A, S, M, 場景模式 23種
快門範圍 Auto: 1/2s ~ 1/2000s; 夜景模式4s; B快門 8分鐘
ISO感光度 Auto, 50, 100, 200, 400, 800, 1600, 3200, 5000
白平衡 自動, 預設六種, 手動
連拍速度

1.2fps 7張
3MP: 7fps 15張
1.2MP: 15fps 20張

鏡頭套環 48.4mm (需透過 CLA-10)
LCD螢幕 2.5吋, 23萬像素
電子觀景窗 0.2吋, 20.1萬像素
記憶儲存 內藏 20MB, xD 擴充
外觀尺寸 116x78.5x78mm
機身淨重 365g
使用電池 三號電池 x 4

●拍攝模式

SP 550UZ提供的拍攝模式還不少,但是唯一讓我最喜歡的就是自定模式了,就事再M模式左手邊那個(my),它可以讓使用者自己預先設定好常用的拍攝參數,並將設定存起來,最多可以存到四組,並且在拍攝時可隨時按背後的OK鈕去切換你要用的自訂模式,可說是超方便的設計阿~

至於其他的模式來說的話~跟一般較進階的數位傻瓜就沒有太大的差異了~SP 550UZ具備的各種模式如下:

全自動、程式自動、快門先決、光圈先決、手動、自訂模式(提供四組可供自訂)、多種情境模式、無間斷錄影

550UZ-focus
(頂部轉輪特寫)

●實際拍攝(18x變焦的範例)

18x

這是實際拍攝的比對照片,左手邊的這張照片就是18x望遠右方照片中間那塊紅色區域的狀況( 注意喔! 這可不是拿右邊的照片用軟體格放的喔!)

左手邊的像片則是在同一點將鏡頭收回最近焦距(自動就是廣角了)所拍攝的~

拍攝地點:西湖渡假村

ps.當天的拍攝,還利用了18x超強變焦的功能,遠距的拍攝美眉,簡直就是狗仔專用機阿~(美眉我留著看~想看就自己買一台去拍吧~哈)

●實際拍攝(艷陽)

(圖片後補)

●實際拍攝(夜景)

新竹縣體育場

這是竹北體育場(新竹縣)旁邊的人行天橋,想拍很久了~呵呵~

●實際拍攝(近攝)

攀木蜥

西湖渡假村:正在脫皮的攀木蜥^^

●實際拍攝(超級近攝)

(圖片後補)

超級近攝可以拍攝到一公分如此近的距離,簡直就像是貼在被攝物表面拍攝一樣了,恐怖阿@_@~

●與SONY F717比較

(圖片後補)

附上一張照片與我的老裝備SONY F717的比較圖,由照片可以明顯看出機身的長度差距就很大了~這對於強調外出機動性要好的人來說,絕對是方便多了。

●相關配件

  • 套筒TCON-17 ( 套筒可加裝鏡頭、55mm各式濾鏡 )
  • 潛水盒PT-037

●哪裡有的買?

●官方網站

[技研] 非要改用CSS設計網頁的十大理由

自從離開平面設計改做網頁設計之後,一直都覺得作網頁好辛苦,但卻也很有趣,因為技術不斷在變,方式也不斷在改,以往,要編輯一個網頁~總是先用photoshop搞定好畫面後,切阿切的切成一塊塊圖片,再到Dreamweaver裡面去玩拼圖,往往客戶說要做個對客戶來說沒甚麼的修改~但是就可以讓計師改到死~改到爆~改到想摔機兼砍人(ㄟ~這好像有點太暴力了...),現在呢~改成CSS之後,改變變的好簡單,看看網路上~還有一堆人在用表格玩拼圖,兒也有一部分的人開始意識到CSS的好處~開始去接觸了~姑且不論現在你已經開始用CSS設計網頁了沒~但是~當你看完這篇文章之後~希望你可以開始拋棄表格~移情別戀到CSS的懷抱了。

表格的缺點

階層式樣式表(style sheet)在目前的應用來說,已經不侷限在網頁設計了,像是word或是Coreldraw都有類似樣式表的功能在裡面很久了,首先我們先來看看目前使用表格做網頁設計時經常性會發生的問題是哪些?

  1. 版面修改不易
  2. 網頁製作速度慢
  3. 網站維護不易
  4. 網頁修改費時
  5. HTML原始碼肥大
  6. 網頁下載速度慢
  7. 設計彈性小
  8. 修改彈性小
  9. SEO不易(SEO:搜尋引擎最佳化)
  10. 視覺統一性處理麻煩且易出錯

CSS的優點

下面列出使用樣式表設計網頁的幾個優點:

  1. 版面修改容易
  2. 網頁製作簡單迅速
  3. 網站維護容易且輕鬆
  4. 網頁修改迅速
  5. HTML碼簡單乾淨
  6. 網頁下載速度快
  7. 設計彈性大
  8. 修改彈性大
  9. SEO簡單(SEO:搜尋引擎最佳化)
  10. 視覺統一性輕易即可達到

從上面的比較輕易就可看得出來,使用CSS編排網頁的話,以往在表格排版時會遇到的問題,通通都不見了~這樣你還願意死忠的守著表格不變心嗎?

延伸閱讀:

[技研]網頁設計師不可不知的各種CSS縮寫方式

2007年9月27日 星期四

(技)CSS常見名稱定義

現在工作經常性要用到CSS來編排與設定網頁的畫面,之前在Jane's Blog裡面有做了些常見的CSS名稱定義,我在這邊把它延伸一下,綜合CSS大師jeffreey zeldman 的縮寫與CSS優化觀念,增加了一些我在工作上面常用到的CSS名稱,做成了對我們部門所做的CSS名稱建議表,而之前的"超快速網頁設計方式"內的snippets名稱也是按照這裡定義的名稱去設定的(還敢講!! 下載檔案說要給都還沒給!!太混了吧),暫時先記錄在這,看有沒有人想繼續補充貨是覺得有更好的名稱~歡迎一起討論與留言,目前名稱定義如下

CSS class name 區塊描述
wrap(wrapper) 頁面內容最大區塊
header 頁首
footer 頁尾
layout 排版用的表格
logo 網站LOGO
search 搜尋
advSearch 進階搜尋
nav(navgation) 導覽列
subNav 子導覽
menu 主選單
subMenu 子選單(副選單)
category 分類選單
update 更新時間
date 時間
visitor 瀏覽人次
print 友善列印
path 路徑,又稱麵包屑(常見的網站階層記錄)
page 分頁(就像GOOGLE搜尋結果下面的分頁)
pre 上一頁
next 下一頁
download 下載
related 相關連結
more 更多(如:更多訊息)
qLink (quick Link) 快速連結,如:回頁首、回上一頁...等
epaper 電子報
login 登入
register 註冊
copyright 版權宣告
privacy 隱私權宣告
accessibility 無障礙網頁空間宣告
markA 無障礙標章
ad 廣告橫幅
help 說明
vote 投票
forum 討論
album 相簿
msg 訊息
menber 會員
video 影音
group 分眾
service 服務
tip 提示、技巧
sitemap 網站地圖
about 關於
news 新聞
events 活動
headline 頭條新聞
instant 即時新聞
color 色彩更換
text 字體大小更換

 

所有命名採用的方式為區塊本身的意義而非區塊的位置,目前會有爭議的部分則是頁首(header)與頁尾(footer)部分,因為像是以位置來做的命名,其他部份來說,大體上都以本身的功能或意義來命名,未來看是否有增加或是建議的常用名稱,這樣讓整個Team在維護他人的CSS時會更方便,相對的~在對畫面的溝通與編輯會更沒有阻礙。

2007年9月26日 星期三

[技研]列印出網頁背景的方式~

這個問題很多人都遇過,對很多網頁設計師來說也都是一個頭痛且煩人的困擾,在Jane's的Blog中提供了一種可列印出網頁背景的方式,是採用修改Browser設定的方式,但是若是每遇到一次就要告知客戶一次這種做法,實在很辛苦,基於人性化的設計來說,讓客戶不用思考就能使用,且我們若是能在客戶遇到這個問題之前就把它解決掉的話,我想這裡提供另一項個人認為尚為可行的做法。

做法主要是採用 @media print{ } 來製作,將圖片設定在CSS中為背景,而HTML中也插入相同的圖片,並利用CSS將HTML中的圖片使用CSS的絕對定位拉到畫面外隱藏起來,而列印時則讓圖片顯示出來,如此就可達到省頻寬並且在列印時可已被列印出來的目的了。

相關Code

Html

<h1><img src="titleImg.jpg"><span>Page Title </span></h1>

Css

/*-------以下是螢幕顯示時專用的CSS-------*/

h1{

    position:relative;
    background: url(titleImg.jpg) no-repeat 0 0;

    width:800px;

    height:300px;}

h1 img {
    position: absolute;
    left: -5000px;}

h1 span{
    position:absolute;
    z-index:100;
    left:70px;
    top:20px;}

 

/*-------以下是給列印時專用的CSS-------*/

@media print {

   h1{
        overflow:hidden;/*讓圖片不會把H1寬度撐開*/}


h1 img{ 
        position: relative;

        left:0;}

}

實際範例

此範例使用900px X 500px的圖片測試

範例網頁連結