切版


我有一個請求 , 今天你出psd 的時候, 不要在icon上用濾色

我有一個請求 , 今天你出psd 的時候, 不要在icon上用濾色 =ㄇ= 也不要用色彩增殖…. (應該是全部的混合模式都禁止 =..=+) 因為,大家都知道濾色或色彩增殖其實就是讓黑或白色不見,所以有很多視覺會把一個 黑白的 ICON直接濾色放在底圖的按鈕上 在平面上看起來是很美沒錯,但是,一旦要做成網頁的時候,這個 ICON 就和底圖無法分開了⋯⋯ 原本, 如果 ICON 是真正的 png24 有透明底的 ICON 時,網頁上他的底圖可以任易變換,字也可以換,大小也可以改變,也可以做有趣的動畫等等等 但是,如果是用濾色壓底深色底圖上做出來的,就不是 ICON 而是按鈕了,同時為了網頁上的操作回饋,你至少要再出一張 :HOVER 的圖 也就是,如果原本ICON 本身的大小是 15X15, 現在會變大成一顆按鈕的大小,同時因為要有HOVER 效果,圖檔大小還要再 2倍大 而且,這個按鈕就是做死了,有任何改變都要發回給視覺重做,網頁上不能做任何變化 所以即使你要用濾色也要注意合併,只要那個 ICON 可以正常切成 PNG24 拿出來放在任何底上看起來都一樣 就沒差 如果是你在 PSD 裡面看起來好好的,但是一換底,整顆就走針或是根本就消失,那就不行 當然,如果你只是要出圖一次,不管後續的運用或修改的話 那就沒差,尤其是出圖還有切版都是你的時候更沒差,但是你如果是出PSD給別人切,那個切的人就會⋯⋯⋯⋯ 如果要給別人切,也還是要用濾色,麻煩自己把 HOVER層也都做好,不要只做一顆 然後說這是 HOVER […]


[新手前端]拿到視覺出的mockup,開始要切版了

前幾天的分享裡有聊到,前端的工作並不僅僅是切版而已,整個web的呈現部分都可以廣意的算在前端頭上,今天就來縮小範圍拉深主題,聊聊切版需要注意些什麼地方,不過因為我是新手嘛,有可能是錯的,如果發現我觀念有錯什麼的,要早點和我說啊!! 首先,拿到版面後第一個要確認的就是各個區塊的功能,一般拿到的版都是PSD的附上簡報或文件說明內容,開始動工之前有可能可以開個會,在拿到版開始做以前,務必要先把整個版的UI及功能從頭到尾模擬一次,對怎麼做大概有個底,不確定的地方一定要詢問,免得江水一去不復返,時程用光還是要重來的慘劇。