網頁

say something.....

為了怕自己的一些心得跟想法會不容易保存跟查詢,才會有這一個部落格的存在,歡迎您大駕光臨

2013年8月7日 星期三

永不濕(neverwet), 一個革命性的產品

你希望在下雨天撐傘傘也不會濕掉嗎?買不起貴死人又不見得防水的防水手機嗎?這個新產品的上市就是為了解決你惱人問題的,這種產品已經上市,他叫做『永不溼』(NeverWet)

永不溼是一種以矽膠為基礎的超疏水性(類似排水性)材質,排水力遠超過不沾鍋上的鐵氟龍,它的用法很簡單,「永不溼」分成底漆和頂漆兩罐,施作時先噴上底漆,等30分鐘等它乾了之後再噴上頂漆,再等30分鐘等頂漆乾,就大工告成了,看看下面的影片你就了解了

 

不管你是蕃茄醬花生醬還是醬油通通都不沾,
走在路上也不怕被路過的車子濺得全身濕淋淋,紙箱噴過永不濕也可以拿來當作臨時冰桶

這麼神奇的產品哪裡有賣?開發商羅斯奈米科技(Ross Nanotechnology)已經把產品授權給樂士(Rust-Oleum),於家得寶(Home Depot)上架了,售價19.97美元

台灣現在已經有公司代理進口了,在露天也可以買的到
http://class.ruten.com.tw/user/index00.php?s=ki53428
或者是特力屋也有賣喔
http://www.i-house.com.tw/product/detail/id/497011

2013年7月9日 星期二

網站UI 16項要注意的地方

1. 單欄型式優於多欄
2. 販賣的意圖不要設計得太明顯
3. 統一相似的功能
4. 使用者見證或提出銷售實據
5. 主要目的請反覆強調
6. 清楚區別三主功能性(可點擊、已點擊、純文字)元素
7. 突顯推薦方案
8. 善意提醒 vs. 突兀確認
9. 清楚闡述目標客群
10. 肯定,避免猶豫不決
11. 運用色調、深度、互補色等方式,將 CTA 跟其他網頁元素區隔開來。
12. 產品的誕生地點
13. 賦予人性化的親切感受,說明你、你的產品或服務來自何處,就像在自我介紹一般
14. 表單問題愈簡化愈好
15. 別把選項藏起來
16. 不要讓使用者產生「已經捲完頁面」而實際上根本還未看到底部的錯覺
17. 不要分散焦點
優異的使用者介面(user interface,UI)讓使用者用得順心,從而提高轉換率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。UI 設計師 Jakub Linowski 列出 16 點改善 UI 的訣竅1,而這份清單仍在繼續累積,有興趣的讀者可以訂閱他的電子報,隨時獲得最新的 UI 祕訣。

單欄型式優於多欄

單欄型式讓你更能掌握自己的內容,從頂部到底部一氣呵成,用故事引導讀者,最終是要誘引他們「採取行動」(call to action,下稱 CTA,意指下載或消費等目的);而多欄反而可能導致讀者分心。
idea001

不要劈頭就銷售產品

「略施小惠」給使用者,販賣的意圖不要設計得太明顯。小小的優惠或禮物,對未來的銷售會帶來大大的幫助。
idea002

統一相似的功能,避免支離破碎的 UI

瀏覽網站時,我們很常看到琳琅滿目的元素或特色,但它們的功能毫無二致,而相似的選項太多,只會提高讓使用者無所適從。倘若發現自己的網站內有以不同型式重複相同功能的狀況,不妨考慮重新設計 UI,把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯繫我們)」其實是一樣的意思,應當保留一個選項就好。
idea003

使用者見證或提出銷售實據

「社會認同」(social proof)是刺激轉換率很好的策略,自己再怎麼天花亂墜終究只是自吹自擂,請使用者見證或數字實據才有效。
idea004

主要目的請反覆強調,別只提一次

希望使用者點擊的連結或按鈕(比如購買或下載),別只出現一次,可以考慮放在單欄網頁的頂端與底部,或在多個頁面呈現。
idea005

清楚區別三種功能性(可點擊、已點擊、純文字)元素

可點擊的元素(連結、按鈕)、已點擊的元素、純文字三者彼此應該以顏色、深度或對比等各種設計技巧清楚區隔,讓使用者瀏覽網站暢行無阻。例如左圖,藍色字體是連結,黑色字體是使用者點擊的選項,或者是使用者正在瀏覽的頁面。
idea006

突顯推薦方案

如果服務有多種選擇,請把最推薦的方案強調出來,如左圖就將「product X」特別放大,Y、Z 縮小。
idea007

善意提醒 vs. 突兀確認

如果使用者更改了某個選項,用一行文字提醒他們可以「復原」就好,無需大費周章設計「再次確認」的跳出視窗。因為多數時候使用者的動作都具有意識,後者太突兀,可能讓使用者覺得被糾正而產生被冒犯的感覺。
idea008

清楚闡述目標客群

描繪適合使用你服務或產品的客群,可以連結到更多相似特質的人,同時也讓他們感受自己的獨特性。
idea009

肯定,避免猶豫不決

語氣應該直接且肯定,優柔寡斷是大忌,訊息中如果出現「也許⋯⋯」、「有趣嗎?」、「想要嗎?」等疑問字眼,在顯示自信與強調權威上可能還有進步空間。
idea010

採用強烈對比

CTA 應該與眾不同。運用色調、深度、互補色等方式,將 CTA 跟其他網頁元素區隔開來。
idea011

產品的誕生地點

說明你、你的產品或服務來自何處,就像在自我介紹一般,賦予人性化的親切感受,而且強調產地或許也會帶來品質保證的效果。
idea012

表單問題愈簡化愈好

註冊表單太雜,使用者往往容易不耐煩而半途放棄,問題盡量少而精簡。
idea013

別把選項藏起來

下拉式選單雖然不佔空間,但卻讓選項更難被察覺。適合下拉式選單的問題是可預測性的或者人人皆很熟悉的時間(如出生日期)或地理位置,跟產品或服務有關的重要問題選項,最好並列在頁面明顯的位置上。
idea014

連貫順暢的頁面

不要讓使用者產生「已經捲完頁面」而實際上根本還未看到底部的錯覺。製造一種視覺型式或節奏,令使用者得以順利瀏覽完整個頁面,才不會白費苦工。
idea015

不要分散焦點

如果你的網頁唯一目的是要觸發使用者捲到底部時「採取行動」,那中間安插的任何連結都可能導致他們分心,甚至將他們帶離你的網站,因此必須小心謹慎的安排連結數量與位置。
idea016

2013年4月21日 星期日

如何保護FB的帳號免於被盜用

在台灣地區FaceBook的普及率是嚇人的高,相信大家都有被朋友加入詐騙的購物社團的經驗,為了避免自己的帳號哪天也不小心變成駭客亂PO文加人的工具,撥個三分鐘設定一下自己的FB吧

跟著步驟做,1.設定  2. 帳號保安  3. 登入許可改為需要驗證碼

如此一來若是別人在你並非常用的別部電腦試圖登入你的FB帳號,是打死也不會成功的,除非他也有你的email帳密,才能收的到FB傳給你的驗證碼

另外,順便也把上面一項登入通知也啟用吧,以防萬一



2013年4月19日 星期五

如何簡單的還原手機裡的APP程式與資料

智慧型手機也風行了幾年了,大家也許都有將手機送修的時候
但是當取回修好的手機時都會發現......內容已經空空如也
通訊錄、APP程式通通都沒有了,回復成剛出廠的狀態了
怎麼辦.......請看下面的簡單介紹

1. 通訊錄    開機後照樣登入舊有的google帳號,只要您的通訊錄不是存放在sim卡上而是存放在google 帳號下,所有的聯絡人都會在瞬間回復






















2. APP程式   請在電腦上網,到Google Play 點一下右上角的齒輪登入您的google帳號,再點一下我的ANDROID應用程式



3. 好啦,曾經安裝過的APP都在這裡了,你只要在這裡點選安裝,就會自動幫你把APP安裝到手機上,曾經用過的好用程式就不怕找不到了


















但是希望這些大家都用不到啦,畢竟手機壞掉是很麻煩的,哈哈

2013年4月18日 星期四

華夏與世界文明年代表


礙於版面不夠寬,擺不下原尺寸的圖,希望看原圖的可以留下e-mail

工作管理員的選單不見了怎麼辦

偶爾會碰到一種奇怪的現象,像下圖這樣
























工作管理員的功能表竟然不見了,沒關係,不用急
找不到上面的選單時只要在X的位置點兩下就可以恢復了

2013年3月29日 星期五

Windows下好用的檔案同步工具


在Windows平台,想要針對網路上多台機器間的檔案同步,cwRsync是個不錯的選擇。

cwrsync下載網址
安裝與設定程序:假設ServerA機器的檔案要同步至ServerB與ServerC。
1. ServerA 安裝「cwRsync Server版」
2. ServerB 與 ServerC 安裝「cwRsync Client版 或 Server版」
3. ServerA 要設定 cwrsync.conf (開放d:\prj_sync\web\upload供同步)
//Example rsyncd.conf 設定
use chroot = false
strict modes = false
hosts allow = *
log file = rsyncd.log
pid file = rsyncd.pid

# Module definitions
# Remember cygwin naming conventions : c:\work becomes /cygwin/c/work
#
[PRJ_SYNC]
path = /cygdrive/D/PRJ_SYNC/web/upload
read only = true
transfer logging = yes

4. ServerB 與 ServerC 則執行下列命令,以便自ServerA同步檔案至d:\upload。可設定為排程。
"C:\Program Files\cwRsyncServer\bin\rsync" -avrtzu --delete @10.24.100.207::PRJ_SYNC /cygdrive/D/upload

rsync命令列參數

rsync參數詳解

選項說明

-v, --verbose 詳細模式輸出 
-q, --quiet 精簡輸出模式 
-c, --checksum 打開校驗開關,強制對文件傳輸進行校驗 
-a, --archive 歸檔模式,表示以遞歸方式傳輸文件,並保持所有文件屬性,等於-rlptgoD 
-r, --recursive 對子目錄以遞歸模式處理 
-R, --relative 使用相對路徑信息
                 
rsync foo/bar/foo.c remote:/tmp/

則在/tmp目錄下創建foo.c文件,而如果使用-R參數:

rsync -R foo/bar/foo.c remote:/tmp/

則會創建文件/tmp/foo/bar/foo.c,也就是會保持完全路徑信息。

-b, --backup 創建備份,也就是對於目的已經存在有同樣的文件名時,將老的文件重新命名為~filename。可以使用--suffix選項來指定不同的備份文件前綴。 
--backup-dir 將備份文件(如~filename)存放在在目錄下。 
-suffix=SUFFIX 定義備份文件前綴 
-u, --update 僅僅進行更新,也就是跳過所有已經存在於DST,並且文件時間晚於要備份的文件。(不覆蓋更新的文件) 
-l, --links 保留軟鏈結 
-L, --copy-links 想對待常規文件一樣處理軟鏈結 
--copy-unsafe-links 僅僅拷貝指向SRC路徑目錄樹以外的鏈結 
--safe-links 忽略指向SRC路徑目錄樹以外的鏈結 
-H, --hard-links 保留硬鏈結 
-p, --perms 保持文件權限 
-o, --owner 保持文件屬主信息 
-g, --group 保持文件屬組信息 
-D, --devices 保持設備文件信息 
-t, --times 保持文件時間信息 
-S, --sparse 對稀疏文件進行特殊處理以節省DST的空間 
-n, --dry-run現實哪些文件將被傳輸 
-W, --whole-file 拷貝文件,不進行增量檢測 
-x, --one-file-system 不要跨越文件系統邊界 
-B, --block-size=SIZE 檢驗算法使用的塊尺寸,默認是700字節 
-e, --rsh=COMMAND 指定替代rsh的shell程序 
--rsync-path=PATH 指定遠程服務器上的rsync命令所在路徑信息 
-C, --cvs-exclude 使用和CVS一樣的方法自動忽略文件,用來排除那些不希望傳輸的文件 
--existing 僅僅更新那些已經存在於DST的文件,而不備份那些新創建的文件 
--delete 刪除那些DST中SRC沒有的文件 
--delete-excluded 同樣刪除接收端那些被該選項指定排除的文件 
--delete-after 傳輸結束以後再刪除 
--ignore-errors 及時出現IO錯誤也進行刪除 
--max-delete=NUM 最多刪除NUM個文件 
--partial 保留那些因故沒有完全傳輸的文件,以是加快隨後的再次傳輸 
--force 強制刪除目錄,即使不為空 
--numeric-ids 不將數字的用戶和組ID匹配為用戶名和組名 
--timeout=TIME IP超時時間,單位為秒 
-I, --ignore-times 不跳過那些有同樣的時間和長度的文件 
--size-only 當決定是否要備份文件時,僅僅察看文件大小而不考慮文件時間 
--modify-window=NUM 決定文件是否時間相同時使用的時間戳窗口,默認為0 
-T --temp-dir=DIR 在DIR中創建臨時文件 
--compare-dest=DIR 同樣比較DIR中的文件來決定是否需要備份 
-P 等同於 --partial 
--progress 顯示備份過程 
-z, --compress 對備份的文件在傳輸時進行壓縮處理 
--exclude=PATTERN 指定排除不需要傳輸的文件模式 
--include=PATTERN 指定不排除而需要傳輸的文件模式 
--exclude-from=FILE 排除FILE中指定模式的文件 
--include-from=FILE 不排除FILE指定模式匹配的文件 
--version 打印版本信息 
--address 綁定到特定的地址 
--config=FILE 指定其他的配置文件,不使用默認的rsyncd.conf文件 
--port=PORT 指定其他的rsync服務端口 
--blocking-io 對遠程shell使用阻塞IO 
-stats 給出某些文件的傳輸狀態 
--progress 在傳輸時現實傳輸過程 
--log-format=FORMAT 指定日誌文件格式 
--password-file=FILE 從FILE中得到密碼 
--bwlimit=KBPS 限制I/O帶寬,KBytes per second 
-h, --help 顯示幫助信息

資料來源: http://ezyu4.pixnet.net/blog/post/16202860-rsync-for-windows-(cwrsync)
              http://www.xspace.idv.tw/bo_blog/read.php?101

2013年2月27日 星期三

2013年2月1日 星期五

VirtualDVD 免費的虛擬光碟機

前陣子流行的輕薄筆電UltraBook通常都已經沒有傳統的光碟燒錄機,或者為了保護昂貴的原版軟體光碟片大家常常會將光碟片轉換成映像檔來使用,寶貴的實體光碟片就可以妥善保存

這個時候就需要一套虛擬光碟的軟體來幫忙載入光碟映像檔進行安裝或是其他的操作,這套VirtualDVD就是為了這個用途而做的,它所支援的映像檔格式眾多,有CloneCD (*.ccd), CDRWin (*.bin), Cue Sheets (*.cue), CDImage (*.img), ISO (*.iso),BlindRead (*.bwt), BlindWrite (*.b5t; *.b6t), Alcohol 120% Image (*.mds;*.mdf)......等等

系統支援:Windows XP/Vista/7/8

1.安裝完成後會開啟一個新的虛擬光碟機,可在工作列的通知區域找到 VirtualDVD 的圖示,使用右鍵點擊便可開啟功能表,如果需要不只一個光碟機,可以透過 Mount Image...加掛光碟映像檔。



2.若需要增加多個虛擬光碟機裝置,可點擊[Preferences...]來開啟設定視窗,並在 General 頁籤中的 Count 來設定。

2013年1月31日 星期四

可以隨意自訂按鍵的電子墨水鍵盤



還記得Optimus這款炫死人不償命的鍵盤嗎,當年它採用OLED製作的鍵帽可以讓每個按鍵都擁有全彩顯示的圖案堪稱一絕,1500美金的售價也非常讓人印象深刻,現在,它即將有新的產品現身了

這款新產品採用的不再是而貴而且耗電的OLED技術,而是用E-INK電子墨水
耗能方面有非常大的改進,因為電子墨水只在改變顯示時耗用電力,平時就算拔除鍵帽也不會讓字體消失,相對於早期的產品這是非常重要也兼顧環保的特性

所以使用者可以針對正在使用的軟體改變按鍵顯示的圖樣,在遊戲中常常被複雜按鍵定義搞昏了頭這下子就可以輕鬆解決了


最大的希望就是定價不要太高,好想自己收一隻啊~~~

2013年1月30日 星期三

Webinpaint,最簡單的修圖軟體

相信大家都看過網路上流傳的kuso跪求ps圖片吧
萬一哪天自己想把某張照片消除掉礙眼的物體的時候
總是怕自己會變成被kuso的對象,有了Webinpaint就不用擔心了



官方網址:Webinpaint

一開始先載入想修改的圖片

















將不要的部分塗紅色上去

















再按下上方的PLAY按鈕.......就完成了

















怎麼樣? 是不是很簡單

2013年1月20日 星期日

如何在apache 2.2中設定多網域


實做方式
1.在httpd.conf中找到這一段
# Virtual hosts
# Include conf/extra/httpd-vhosts.conf
改成
# Virtual hosts
  Include conf/extra/httpd-vhosts.conf
簡單的說就是把#拿掉。接下來就可以關掉了


2.接下來,去找到conf/extra/httpd-vhosts.conf 這個檔案,打開他。
3.找到  NameVirtualHost *:80  這一行,確定前面是沒有被#起來的。
4.然後在 httpd-vhosts.conf  這個檔案的最後面加上

#第一個網頁
<VirtualHost *:80>
    ServerAdmin admin@gmail.com
    DocumentRoot "D:/www"
    ServerName www.web-a.com.tw
    ServerAlias www.web-a.com.tw
    ErrorLog "logs/web-a.log"
    CustomLog "logs/web-a-access.log" common
    <Directory "D:/www">
      Options FollowSymLinks
      AllowOverride None
      Order allow,deny
      Allow from all
    </Directory>
</VirtualHost>
#第二個網頁
<VirtualHost *:80>
    ServerAdmin admin@gmail.com
    DocumentRoot "D:/www2"
    ServerName www.web-b.com.tw
    ServerAlias www.web-b.com.tw
    ErrorLog "logs/web-b.log"
    CustomLog "logs/web-b-access.log" common
    <Directory "D:/www2">
     Options FollowSymLinks
      AllowOverride None
      Order allow,deny
      Allow from all
    </Directory>
</VirtualHost>

要修改的地方就是被像這樣標示起來的地方啦!
每當要新增一個虛擬伺服器位置就在這個檔案新增一塊就搞定啦!!
最後一個步驟~~設定完存檔後請記得要把Apache重開