sam2i

Posted by C-3PO from Dark Side | Posted in Animal Planet, Design Force | Posted on 29-11-2009

sam2i

sam2i

sam8i

sam8i

  • Share/Bookmark

1205

Posted by C-3PO from Dark Side | Posted in Design Force | Posted on 27-11-2009

1205

1205

  • Share/Bookmark

Laïka 10th

Posted by C-3PO from Dark Side | Posted in Design Force | Posted on 22-06-2009

www.laikamontreal.com

LAÏKA (SHORT VERSION) from Guillaume Blanchet on Vimeo.

  • Share/Bookmark

COLOUR lovers

Posted by C-3PO from Dark Side | Posted in Design Force | Posted on 17-06-2009

voltage_patterning Lunar_albedo

LLANGOWER E_V_A

Momentum_flux ff

Daphne_Ann_Blake G_studio

Vector_calculus Evanescent_Wave

Matrix_calculus Rayleigh_Scattering

Keech_boots Seeding_Sunny_Spring

  • Share/Bookmark

Xpress Platforms

Posted by C-3PO from Dark Side | Posted in Design Force | Posted on 09-06-2009

  • Share/Bookmark

Feed My Fish

Posted by C-3PO from Dark Side | Posted in Cyber-3 Club, Design Force | Posted on 30-04-2009

  • Share/Bookmark

Distant Shore

Posted by C-3PO from Dark Side | Posted in Cyber-3 Club, Design Force | Posted on 23-01-2009

Distant Shore is a virtual beach that you can endlessly wander and a new style of casual social network. By collecting seashells, you earn bottles. You can then compose a message, stuff it into the bottle and launch it into the sea. Eventually, your bottle will wash up upon someone else’s Distant Shore where they can read your message and reply to it if it is something they like! Distant Shore is a new and beautiful way to relax and meet new people from all over the world.

一賭為快 新應用程式 Distant Shore 即將在 iPhone & iPod Touch 平台上啟動

  • Share/Bookmark

Run-Length Encoding

Posted by C-3PO from Dark Side | Posted in Design Force | Posted on 02-01-2009

RLE 壓縮技術是 Run-Length Encoding 的縮寫, 例如點陣式圖形中的 PCX – 就是屬於這種 「無損壓縮技術」 (Lossless Compression) 的儲存格式, RLE 利用很簡單的資料壓縮概念, 針對跑許多相同連續性的資料值元素形式的檔案,可以有效轉換為單筆資料值以及其總數的儲存紀錄. 專門用來處理簡單的平面圖形如小型的 icons 圖像或是 line drawings 線稿最為有效。

舉例來說,假定畫面上簡單的白底黑字 – 構成的方式將是許多白色圖素(白底)加上些許的黑色圖素片段(黑字),是吧… 請想像我們的畫面放大並且只掃描一個線段,這時候若以 W 代表白色圖素,B 則是黑色圖素,這時局部放大線段如下顯示:

WWWWWWWWWBWWWWWBBBWWWWWWWWWWWWWWWWWWWWWWBWWWWWBWWWWW

經由RLE壓縮技術的話就會變成這樣 9WB5W3B22WB5WB5W
就好像是描述儲存紀錄的資料有:九個W,一個B,五個W,三個B…

RLE 重新改寫原本52個字元變成16個字元, 這也就是所謂的 Run-Length Encoding 的壓縮原理;其他的「無損壓縮技術」也包含 LZW 壓縮技術(由Lempel、Ziv、Welch三位所發明)應用的格式包含 GIF 及 TIFF;此外也有 「略損壓縮技術」 (Lossy Compression) :例如常見的 JPEG 格式。

  • Share/Bookmark

Favicon ico Art

Posted by Han Solo | Posted in Design Force | Posted on 20-12-2008

Favicon 小圖示是 favorites icon 之簡稱,亦名 Shortcut icon 或 URL icon,是常見的網址捷徑圖示。在市面上只要是有支援 TDI – Tabbed Document Interface 的網頁瀏覽軟體(Browser)例如 FirefoxChrome 這些 Browser 會將我們觀看的網頁或網站內有設定安裝 16×16(pixels)大小的Favicon.ico圖像回饋於網址欄位前面或網頁視窗標籤位置(依各家軟體介面而異),然而製作這類捷徑小圖示的主要功能則是為了增加網頁或網站專屬的識別作用。來恩鯉 常依季節性進行規劃客戶相關頁面的設計更新,其中也包含這裡所看到的 Favicon 這類小小圖像的繪製。

    ico-xmas treeico-c3po
    ico-c3poc-3po

    Merry Christmas & Happy New Year
    敬祝 聖誕快樂 及 新年如意

早期的網路世界若要製作小圖示比較麻煩,現在則有許多貼心的網站免費提供線上圖示編輯產生器程式,十分超級無敵方便:

degraeve.com/favicon/
簡單好用,可以上傳圖片並執行編輯,來恩鯉 都是用這家喔 +推+

graphicsguru.com/favicon.php
直接上傳圖片或是線上抓圖的自動產生器,懶人利器!

html-kit.com/favicon/
直接上傳圖片,自動產生器程式並支援動態形式的小圖示。

    entapriseico-managedby
    ico-entapriseico-entaprise

    ico work for entaprise.net and managed-by.com

  • Share/Bookmark

Determine colour visibility

Posted by Han Solo | Posted in Design Force | Posted on 29-11-2008

色彩對比分析: 如果兩個顏色的明亮度差異以及色彩差異都大於某個程度的話,這兩個顏色就被視為能提供良好的色彩可見性。 Two colours provide good colour visibility if the brightness difference and the colour difference between the two colours are greater than a set range.

根據全球資訊網協會 World Wide Web Consortium (W3C) 所建議的演算法

色彩明亮度公式計算

    Colour brightness is determined by the following formula:

    ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
    Note: This algorithm is taken from a formula for converting RGB values to YIQ values. This brightness value gives a perceived brightness for a colour.

    ((紅色值 X 299) + (綠色值 X 587) + (藍色值 X 114)) / 1000 背景色明亮度與前景色明亮度的差異應大於 125.
    註: 這個演算法係由轉換 RGB (Red Green Blue) 值為 YIQ (Y=Luminance. I=Red-Y, Q=Blue-Y) 值的公式中所取得. 這個明亮度值得出色彩的知覺明度.

色彩差異公式計算

    Colour difference is determined by the following formula:

    (maximum (Red value 1, Red value 2) – minimum (Red value 1, Red value 2)) + (maximum (Green value 1, Green value 2) – minimum (Green value 1, Green value 2)) + (maximum (Blue value 1, Blue value 2) – minimum (Blue value 1, Blue value 2))

    ((紅色值 1, 紅色值 2) 的最大值 – (紅色值 1, 紅色值 2) 的最小值 ) + ((綠色值 1, 綠色值 2) 的最大值 – (綠色值 1, 綠色值 2) 的最小值 ) + ((藍色值 1, 藍色值 2) 的最大值 – (藍色值 1, 藍色值 2) 的最小值 ) 背景色與前景色的色彩差異應大於 500.

The rage for colour brightness difference is 125. The range for colour difference is 500.
由 W3C 所建議的亮度差異應大於 125, 而色彩差異則應大於 500.

CSS Evaluation:

    * Elements:
    o BODY bgcolor | text | alink | link | vlink | background =anything OR
    o TABLE bordercolor | bgcolor =anything OR
    o TD | TH bgcolor =anything OR
    o HR color =anything OR
    o any_element style=”any_color_specification”
    o STYLE “any_color_specification”… STYLE
    o Where any_color_specification is defined as any CSS specification which contains:

    color | background-color | background-image | background

    * Requirement: Determine color visibility.

  • Share/Bookmark