Re: [請益] 請推薦國內網頁視覺設計

[kpdream (省省力氣)]

對不起~前文刪光光~

我是剛出社會不到一年的菜鳥~

但接觸平面跟網頁約有三年左右~

接觸程式端也約有半年~

目前算是助理吧~

其實~

我非常討厭平面設計人員~
設計網站的外觀來給設計公司做網頁~

原因是平面設計人員不懂的網頁能做到多少的支援

如字體的選擇(新細明體 標楷體 微軟正黑體)

能否從後台上字體

SEO化等等的

目前我遇到的平面設計師只懂得用mm cm CMYK來設計版面

可是卻不知用這樣來做畫面轉換到px的話~

不知要多大的瀏覽器才能看得到整體的網頁

另外CMYK轉成RGB也會有色差

此時~

每次不管如何跟平面設計人員溝通

他們只會說~

這是你的專業你要處理~

跟他們說網頁的支援度~

都聽不下去~

背景圖的隨資料的延展問題等等的~

都是一個網頁設計師在做畫面時~

心中都會考量到的~

韓國的網站做得很漂亮沒錯~

字體排版等等都非常棒~

但你有去了解過它都是一張一張圖切割出來的嗎

如果這個網站的資料都不需要更新

那可以用這樣的手法來呈現

但用圖片來呈現的話

SEO的效果就不如此顯注

因為沒有文字讓搜尋引擎搜尋

降像是為啥有人說用FLASH做的網頁

就沒辦法做SEO


畫面要漂亮可以

但要捨棄掉很多東西

一切看業主想要的東西

不是網頁設計師做出來的東西都不好看

而是...

考量的東西太多了...

在補充

等到會DIV切版後

你就會發現

很活潑版的版面會DIV切版的人傷透腦筋

因為要怎樣把資料呈現出來又不破壞美感


程式面來說

有些程式設計師不太喜歡每一頁都不同的網頁

因為降就要重套一次程式


就公司來說

如果是某些模組化的公司

更不喜歡你把版面用得不一樣

因為它沒辦法模組化---->客製化

如此一來成本就增加




以上是我的心得



--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.219.77.19
※ 編輯: kpdream         來自: 61.219.77.19         (06/21 22:09)
→ oj113068:嗯...我想你對原po有點誤解，不過我在上面那篇推文說過了
→ oj113068:所以就不再說了XD
→ kpdream:Sorry~只是想說@@網頁設計師要思考的點很多而已~
→ kpdream:沒有要怪原PO的意思~
→ dreamerXYZ:其實我表達的不太好!! 平面應該是指視覺設計比較恰當
推 oj113068:我也很討厭完全不懂平面的人排網頁XD 每次接到這種都哇哇
→ oj113068:叫XD 一再的說明字體、顏色等問題，也沒有改善
→ oj113068:打錯了，完全不懂"網頁"的人
推 dreamerXYZ:其實我也有帶點憤世忌俗成分 即使在模組化的狀況下
→ dreamerXYZ:還是看到許多  原件 字體 字級 配色不協調的狀況發生
推 oj113068:其實模組化也是有極限的，偶爾也會有客戶選到不恰當的樣
→ oj113068:版產品，可是種種原因你又無法說服他改
推 dreamerXYZ:那又是一件災難了
→ oj113068:模組就像圖庫中的樣板插畫一樣，用的好不是沒有，但是一
→ oj113068:小心就淪為平庸，差一點的就變成四不像
→ kpdream:自己做的網頁想多活就多活~~這是心得~^^
→ Kelunyang:平面設計的時候字體的選擇看口袋深度
→ Kelunyang:網頁完全不能這樣，所以就慘了XD
→ Kelunyang:而且我不懂為什麼美工人員不能好好的用新細明體排圖
推 oj113068:我跟你說，因為對平面設計的人來說，新細明體很不好看
→ oj113068:這是真的，有的人連新細明體和華康細明體都分不清楚
→ oj113068:但是我以前公司的總監，他連mac的華康黑體和PC的華康黑體
→ oj113068:都看的出來。
推 dreamerXYZ:嗯...設計系出身的  對新細明體跟標楷體都很感冒
→ gname:嗯... 你講的我都很有感覺...= ="
→ kpdream:印刷的話~中圓跟中黑體效果比較好~
→ oj113068:(￣▽￣") 是的...而且我個人是黑體的擁護者，真希望每台
→ oj113068:電腦都有內建黑體。
推 aceone:其實厲害的切版師 你怎樣做幾乎都切的出來啊(IE無視的話)
→ oj113068:長內文我比較推薦中明...好像離題了XD
推 dreamerXYZ:aceone 我也是這麼認為...
→ kpdream:目前切版的技術普通版型約兩天~很活的版型~約三到四天~
→ gname:光是內容的延展性就有得搞了...
→ kpdream:普通中規中矩版型已經進入到不用思考就能切的地步了~
推 oj113068:應該說切版也是成本...。
→ kpdream:活的版型就要考慮浮動跟絕對的融合~
→ Kelunyang:版型倒不是很大的問題，問題是如果那些字是要給客戶看
→ Kelunyang:的，怎麼可能設計師還在用客戶沒有的字...= ="
推 oj113068:說到這，也聽同學說過客戶要求非要某某字型不可呢~|||
→ oj113068:至於字體，只是平面設計人員1.可能不懂 2.無法忍受 這樣
→ oj113068:而已...
推 dreamerXYZ:那就嵌入字型給他  讀取速度後果自負XD
→ oj113068:( ￣艸￣)最後好像跟他說.."可以做但是只有你看的到喔"
推 dreamerXYZ:我想到之前去某公司支援的時候 和另一個支援的工程師
→ oj113068:然後客人就作罷了
→ dreamerXYZ:輪流用同一台電腦  我打開PCMAN就設成黑體字
→ dreamerXYZ:結果換他用PCMAN他就改成標楷體... 這樣來回到我離職
推 oj113068:阿哈哈哈哈哈哈，這麼喜歡楷體喔不會很奇怪嗎？
→ oj113068:在很現代的介面上用楷體我真的無法，但是好像也有些人
→ oj113068:很喜歡(標)楷體，之前不知哪裡的討論串讓我暗吃一驚
推 dreamerXYZ:還真得十分難以理解 :S
→ aceone:字體不嵌入就切成圖片就好(用text-indent:-9999px)
→ aceone:我遇過把選單設成6px的 自以為有質感 我想客戶會脫窗吧
推 oj113068:6px.........
→ averywu:用mm & CMYK 做 web 的基本上是菜鳥...
→ kpdream:to aceone:我常用這招~包含按鈕~
推 oj113068:@_@沒用過呢，下次試試看
→ kpdream:6px的字體在Chrome瀏覽器不能使用~因為它最小是12px
推 oj113068:可以，加上-webkit-text-size-adjust:none;
→ aceone:不只是平面設計...很多客戶都很難理解(重點是不尊重專業...
→ kpdream:to ojll3068:使用者縮放網頁，也就是zoom in/out，字型的
→ kpdream:大小仍然不會改變！
推 oj113068:@_@這我倒沒注意過，你的意思是如果他們縮放，12以下的字
→ oj113068:會回到12嗎？
→ aceone:基本上會設6px的人 應該沒聽過Chrome吧 They don't care
→ kpdream:不會變大~還是6px
推 oj113068:喔...這樣是有點問題~"~
→ oj113068:回到6px這件事，用到9一班人就哇哇叫了，FF的字體看起來
→ oj113068:又比IE小，用到6到底是......~||||
→ oj113068:就算是實體的名片，排到7.5眼睛就要拖窗了耶~||
→ kpdream:ㄜ~那我遇到知名百貨公司平面設計的菜鳥了...
推 dreamerXYZ:可能他螢幕超大吧
→ aceone:我記錯了～是6pt 也是很小就是了 XD
→ kpdream:我永遠記得她給的平面檔轉成網頁後~寬度是28XXpx
推 oj113068:看來的確是螢幕超大XDDDD
推 dreamerXYZ:搞不好他想做這種站 http://intermissiondesign.com/
→ dreamerXYZ:寬度破表XD
→ kpdream:還遇過美工說~這張照片的大小要4cm~不知道她怎樣量的~
推 oj113068:我也碰過客戶跟我說，這裡請小一公分的XD
→ kpdream:當然4cm轉換成px後她覺得太大~要縮到7 or 80%~
→ aceone:也不能怪平面啦，印刷/裝訂/紙張那些的 純網頁設計也不懂
推 oj113068:有時候也是溝通的問題吧，有的告知一聲他下次就好了
→ kpdream:ㄜ~看用心程度~我雖然不是數位系畢業~但也沒教到網頁跟
→ kpdream:平面設計的輸出~@@一切都是去自學或是去查資料~或是問影印
→ kpdream:店老闆~靠自己索的~所以我覺得是看自己的心~
→ kpdream:ㄜ~是數位系畢業~非專業設計科系~
推 oj113068:這樣講好像也沒錯，接到陌生的新案應該稍微去了解一下..
→ superpai:6pt是因為銀幕超大 6px會是銀幕超小
→ kpdream:基本上遇到的~都會告知~~曾經遇到對方公司美工~要求要綠底
→ oj113068:我比較驚訝的是，有一些平面出身的，完全無法理解所謂的
→ kpdream:我以平面角度角度說@@給我CMYK~對方拿不出來...
→ oj113068:dpi是相對於印刷的單位，會跟網頁設計爭執所謂的"畫素"
→ oj113068:問題、"解析度"問題。
→ aceone:網頁設計眉角太多了 你直接跟她講要注意的地方比較快...
→ aceone:就像程式設計要我去coding 還說我要認真一點 過分了點 XD
→ kpdream:呵~代溝問題喽~除非對方有心去了解~不然都是網頁設計師的
→ kpdream:問題
→ aceone:每個人想專注的地方不一樣啊...
推 oj113068:~"~字體的問題我比較可以理解，但像素和解析度，因為現在
→ oj113068:的平面設計也都是用電腦作設計，我以為這算是重疊的知識
→ aceone:我覺得是懂多一點的人責任大 不懂的話怎麼知道問題出在哪..
→ oj113068:所以碰到跟我爭辯解析度問題的真的很無言...
→ kpdream:網頁是72dpi 印刷最好1:1 300-350以上dpi
→ aceone:oj你說的那個應該是平面也很弱吧 這個巨匠會教嗎？
→ oj113068:不是喔，對方也是有點資深的設計師了
→ oj113068:而且還碰到不只一個呢Orz
→ kpdream:題外話~目前打算離職~剛進公司一個半月~發現我懂的比公司
→ kpdream:司的設計人員還多@@切版技術也是~但薪水太低了T.T
→ kpdream:起薪還18K+全勤1.9K+伙食0.9K-勞建0.5K
→ kpdream:目前約有六七個等我切版~~~準備出包了YA~
推 oj113068:好啦，希望我碰到的那幾位是特例，因為資深的也都有點
→ superpai:現在銀幕大多超過100dpi囉 72的時代已經過去了
→ aceone:這價錢是中南部嗎...
→ oj113068:年紀是真的XDDD 所以搞不懂電腦？
→ kpdream:應該吧~樣本數才一
→ superpai:跳吧熟css div基本上有30k以上了
→ kpdream:目前轉戰PHP程式~打算前後台都自己寫~畫面也隨自己高興^^
→ aceone:我也遇過只會用AI9排"書"的人 可是人家一個月賺幾十萬啊 XD
→ kpdream:第一家公司會DIV才21K+全勤2K~我現在等著看目前公司爆掉~
推 oj113068:我服他XD 但是還是勸他盡早轉向ID的懷抱
→ kpdream:因為我是她們目前請來切版最快速的一個@@a
推 oj113068:來台北如何？我同學公司的UI大半都用Table排版，今年開始
→ oj113068:才有一兩位新人會用CSS，但是他的起薪35K
推 oj113068:喔不過他總是很晚下班也是真的XDDD
→ kpdream:哇@@真高~可惜@@租台中的房子~且還有伺服器要顧@@a
→ oj113068:其實因為他是台北人，也許對外地人來說扣房租未必划算
→ oj113068:就是，可是我不少同學從台中跑來台北工作(我在台中念書)
→ oj113068:不算是為了薪水，應該是台北比較競爭，想要這個環境吧
→ oj113068:35K也不是每個公司都這樣，我找工作那段期間也有要平面+
→ oj113068:網站但只有22~25的。看情況
→ kpdream:打算離職的另一個原因是薪水跟面試時不一樣
→ superpai:http://bit.ly/kNwBdn 這個開4~7萬
→ kpdream:還不到樓上這階段@@~~
推 dreamerXYZ:我剛畢業時熟css div切版 就開30k up了  台中的
→ dreamerXYZ:你真的虧大了!!!
→ superpai:會嗎 寫得洋洋灑灑其實就是切版而已阿XD
→ dreamerXYZ:我覺得要多面試幾間  當初面試第一間對方只肯給我23K
→ dreamerXYZ:第二間就30K  之類的   真的是亂開...
→ kpdream:那@@我要多努力了~...T_T
→ kpdream:可以說一下要找哪方面的公司@@目前經驗只有8個月...
推 oj113068:上面那個的確只是切版，但是一條一條檢查下來還真不敢
→ oj113068:隨便說自己完全可以呢Orz
推 dreamerXYZ:台中就去創造力叩關看看阿XD
→ superpai:哪條有問題呢可以討論看看
→ kpdream:嗯@@第一家公司就叫我模仿創造力~我模仿完了之後~我就離
→ kpdream:職了~老闆也很驚訝~~~
推 oj113068:懂javascript與jQuery ←我馬上投降!!!
→ kpdream:我看完他的條件~潛在的用意有SEO關建字搜尋的味道在~
→ kpdream:因為標籤要正確~讓我想到h1 h2 h3 h4 p等等的
→ oj113068:喔，對了，3年以上 HTML、CSS 工作經驗這我也沒有XD
→ kpdream:同oj113068的說法~看到就投降~^^
→ kpdream:soho經驗在業界不被承認~哭哭~
推 dreamerXYZ:其實你履歷照投  面試他若喜歡還是會用的
推 oj113068:他有一條我不懂是什麼意思，標準化切版>C.規劃切出來的
→ oj113068:圖片（包括檔分佈）  什麼叫做檔分布？路徑安排？
→ kpdream:感覺有點像是~首頁都跟內頁不同~所以分開放~
推 aceone:有能力真的不用怕薪水低 台灣切版人我覺得還是很缺
→ kpdream:或是@@圖的種類不同~我習慣按鈕就btn_xxx 背景就bg_xxx
→ kpdream:有同感~很多切版都是看模板書~然後不懂原理@@~
→ kpdream:我是@@幾乎不看模板書@@我都看原理書@@降比較好活用^^
→ superpai:檔分佈應該只是圖檔/資料夾要整理
推 oj113068:命名規則或分資料夾，使之容易被管理？
→ superpai:應該只是這樣
→ kpdream:同意樓上~而不是PS切版出來的XXX01 XXX02 XXX03
推 oj113068:其實PS好像可以命名喔XD 不過檔案管理的確很重要
→ kpdream:我知道可以命名@@只是很多人懶得命名@@a
推 Dovelpc:做網頁用CMYK?  你找錯人了吧
推 Isacat:我收過AI的平面設計版型圖...這還差不多一點
→ Isacat:字型等等問題 只能靠CSS設背景圖片再藏文字來解決吧
→ Isacat:需要動態的選單就沒輒了 這時候要耐下性子來教育平面設計師
→ Isacat:講理的人就會聽得進去 不講理的人...就幫他做成：
→ Isacat:要增改選項的話，除了要po文字還要上傳圖檔!!! YA~~~~
→ Isacat:讓他自己後續開心地update吧(說不定還真的會很開心哦啾咪)
→ Isacat:選項讓他自己上傳壓圖文字...說不定對方還會覺得啾甘心ㄟ
推 dreamerXYZ:我有個疑問 現在做視覺的部分 不是通常都跟切版師
→ dreamerXYZ:同一個人嗎!?
推 oj113068:小公司全兼，上次去RBBA是有碰到純做切版的人
推 gogomambo:我也是做純切版的...薪水少到爆炸T_T 我可以接外包~~
推 liaosankai:我覺得懂設計的人，要自己也懂網頁這部分
→ liaosankai:國外的平面設計師都懂CSS，台灣的要加強了/_\
推 dreamerXYZ:我覺得起碼視覺人員要懂css or jq 才能做出密切結合
推 oj113068:國外的平面設計師懂CSS???@_@ 你怎麼知道
推 aceone:不如說國外很多程式設計懂視覺設計?