文章分類 ‘Design’

1

字體尺寸是問題

昨夜 hlb 好心提醒我, 我的部落格已經半年多沒寫新文章了,自己想想也驚了一下,這兩天正準備要續租空間,但部落格卻遲遲無更新也太說不過去,所以趕緊先來寫這篇一直困擾我的不大不小問題。

使用者觀點

撇開學術單位、政府機關等特殊案例,網站使用的字體尺寸漸漸有在放大的趨勢,早幾年文章內容會用 11px 至 13px 的字體大小(不論語系),現在許多網站則開始把原本標題的 15px 拿來用在文章

June 25th, 2010

Read More

4

i-design Day Light Theme

說要做 Switch Style 說了好幾個月,一來當做 Theme design 的練習,二來一直認為深色版面並不適合中文網站,不過拖了半年才把東西做出來,偷懶偷很兇。

還是有些技術方面的問題,然後 IE6 應該是爛的,不過瀏覽正常也就懶得處理了。

用的是最簡單的 styleswitcher.js,原本是希望能做到每隔一段時間自動換 theme,但是面對 wordpress 與 php 結合的問題,對於不會程式的我實在頭痛,所以乾脆整個簡化。

August 24th, 2009

Read More

No

圖片取代文字

這是最近一再遇到的例子,文章本身單純只是想表達為何不該再用圖片取代一般文字內容。

很久很久以前,在自己還在用 <table> 切版時,為了美觀也非常喜歡用圖片取代應有的文字內容,在那個年代,不懂什麼是網頁標準、不懂什麼是使用者經驗、不懂 CSS,只知道為了美觀就應該不厭其煩的用圖片,因此,三分鐘可以做好的事要花三個小時甚至更長的時間處理,做自己的網站也就罷了,時間成本自己吸收,但做別人的東西時就開始知道痛在哪裡了,即使只有一個字的變動也是要大費周章的開啟 Photoshop 重切圖片。然後,開始一昧的怪罪中文字型:「為什麼那麼多鋸齒!為什麼只有兩種字型可以用!」,最後連為什麼要生在台灣非得用中文都出來了。在那個時期完全沒想過根本就是自己能力的不成熟,只想用圖片消滅一切的中文字。

July 28th, 2009

Read More

6

PSD2HTML

國外盛行的服務 PSD to HTML 漸漸開始出現在台灣,自己也開始在接觸這塊,畢竟大多數情況下這技術對自己並不是問題,有這樣的市場就沒道理跟銀子過不去,但內心仍舊感到這種模式並不是一個好的發展空間,感覺存在很多淺在的問題。

正常情況下 Visual designer 最清楚自己設計的東西,在設計畫面同時往往已經明白考慮過在實際頁面上會是什麼狀態,HTML/CSS 該怎麼寫來達到心中想要的效果,滑鼠移過去又該是怎麼樣的一個變化,所有細節都在心中盤算過才會出 PSD。

June 6th, 2009

Read More

No

Registrano Blogger

記得第一次用 Blogger 設計 i-design blog 時花了近一個禮拜的時間,其中大多時間花在研究 Blogger 種種,另外當時對 CSS 仍有點小生疏,當然當時自己是不知道自己斤兩的。

這次做 Handlino 服務產品 Registrano 的 Blogger 著實輕鬆不少,一來對 Blogger 有一定認識且不用再研究 plugin,二來 對 CSS 感覺駕輕就熟,因此除了 theme design 與一些程式方面小問題之外,所有過程加起來大概只用了兩個工作天就完成,這樣的效率自己免不了竊竊欣喜了一下。

誠如 hlb 所說,Blogger 的 code 其實還真的挺髒的,html 標籤有一半以上毫無作用,不過猜想這應該是為了讓 designer 方便擴充、修改 theme 之用,只是對於用不到的人來說,在看原始碼時難免覺得不舒服就是。

May 4th, 2009

Read More

2

CSS framework 利弊淺見

一個網站頁面中通常是由許多基本區塊元素所構成,header(頁首)、content(內容)、footer(頁尾)等等,header 之中除了 logo 之外可能還有語系選項、導覽列,content 則有 main、sidebar..。所以建立一個網站通常得花許多時間在這些基礎建設上,因此延生了 CSS framework 這樣的產物,如 960gsBlueprint 等,提供規劃好的相關設定,好讓在網頁開發、設計打滾的人員可以節省許多初期建構時間。

May 1st, 2009

Read More