[問題] 工程師角度看切版, 請指教

看板Web_Design作者 (azureshin)時間12年前 (2014/02/23 01:12), 編輯推噓8(8推 0噓 28→)
留言36則, 12人參與, 最新討論串1/1
各位好 自己是一位後端工程師..也涉獵前端CSS/JS/HTML. 通常我跟配合的ART都是請他給我切版後的HTML/CSS 接著我再修改他的CSS/HTML，成為我要的STYLE. 至於為何不一開始就自己寫 ? 因為我沒有那美感..... 離題了.... 我想問的是 如果沒有切版的圖片，要怎麼變成HTML/CSS ? 我指的是jpg，而不是PSD自動產生喔.... 以我的角度來看，假設ART設計出滑動照片效果的網頁示意圖(JPG) 如果我自己寫HTML/CSS，那就有幾個問題會出現 1. 如果我找了gallery套件，不一定能跟ART給的視覺是一樣的 光修改時間應該就天黑了..... 2. 光一顆按鈕，CSS就要設定widt/height/border/color....等 感覺一整個複雜....所以個人都沒試過自己切版@@..... 想請問各位ART是怎麼把一張圖片切成html/CSS的? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 175.111.35.11
→
02/23 01:28, , 1F
看不太懂.. 沒有圖怎麼談切版？
02/23 01:28, 1F
→
02/23 01:35, , 2F
我指的是肉眼看一張版面設計圖，然後手刻出html/CSS
02/23 01:35, 2F
推
02/23 01:38, , 3F
從版面到網頁原始碼，需要經驗跟討論 還有寫文件
02/23 01:38, 3F
→
02/23 01:39, , 4F
至於比如說要滑動效果什麼的，我會請他做分鏡圖做示意
02/23 01:39, 4F
→
02/23 01:40, , 5F
又或者 我們有共識了，知道用哪組外掛
02/23 01:40, 5F
→
02/23 01:40, , 6F
另外 button 這件事情，照理說不應該你來做
02/23 01:40, 6F
→
02/23 01:41, , 7F
版面到你這邊應該是完整html相關檔案了
02/23 01:41, 7F
→
02/23 01:41, , 8F
最後就是你認為找套件這件事情，你應該要思考一下
02/23 01:41, 8F
→
02/23 01:43, , 9F
有些東西的確第一次要下一遍功夫，但二次就輕鬆很多..
02/23 01:43, 9F
→
02/23 01:44, , 10F
順便跟你分享一個經驗，如果你的切板英文不知道怎麼命名
02/23 01:44, 10F
→
02/23 01:48, , 11F
可以參考一下cssremix 或 網路上的 css 常用命名
02/23 01:48, 11F
→
02/23 01:48, , 12F
我覺得這是還不錯的速成方式
02/23 01:48, 12F
推
02/23 08:59, , 13F
02/23 08:59, 13F
→
02/23 09:00, , 14F
不切圖片也能做效果
02/23 09:00, 14F
→
02/23 09:00, , 15F
還有無論用哪套版型設計的製圖軟體 都要有圖層觀念
02/23 09:00, 15F
→
02/23 09:01, , 16F
層層切版 而不是像舊時用table那種零碎切法
02/23 09:01, 16F
→
02/23 09:02, , 17F
單純一張「平面的、不可分圖層的」靜態圖面
02/23 09:02, 17F
→
02/23 09:02, , 18F
連ART也切不出HTML+CSS的啦
02/23 09:02, 18F
→
02/23 09:02, , 19F
(除非該版沒分前後景)
02/23 09:02, 19F
→
02/23 11:32, , 20F
OKOK~真是一門學問...感謝各位
02/23 11:32, 20F
→
02/23 12:27, , 21F
肉眼看到轉成HTML+CSS對坐前台來講的人根本是本能阿XD
02/23 12:27, 21F
→
02/23 12:28, , 22F
但是他切完你還要修改是很奇怪的事情...依我的經驗除非
02/23 12:28, 22F
→
02/23 12:29, , 23F
工程師發現套不上去/流程矛盾，不然根本不會要改
02/23 12:29, 23F
→
02/23 12:29, , 24F
而且也不會要工程師改，都是退回來做前台的人自己改的
02/23 12:29, 24F
→
02/23 20:26, , 25F
結果問題好像只是你不會CSS而已 會了就會了
02/23 20:26, 25F
→
02/23 21:12, , 26F
如果是Art出的版就拿PSD檔，只有圖檔有可能是未成案只拿JPG
02/23 21:12, 26F
→
02/23 21:13, , 27F
通常找到gallery的plugin也都能調CSS，懂就改的快
02/23 21:13, 27F
→
02/23 21:15, , 28F
但如果是線調和色塊組成沒太多花邊的，的確就看圖照排CSS
02/23 21:15, 28F
推
02/23 23:33, , 29F
你這叫全端吧...後端要包這種事很怪阿
02/23 23:33, 29F
推
02/24 10:39, , 30F
菜鳥想請問現在設計師也要生css跟html嗎？
02/24 10:39, 30F
推
02/24 10:48, , 31F
如果用ps做版 就是開關圖層單獨切圖 有的切jpg 有的切png
02/24 10:48, 31F
→
02/24 10:49, , 32F
啊就真的很麻煩 但現在css3比較廣泛 很多效果都不用圖做了
02/24 10:49, 32F
推
02/24 15:11, , 33F
設計師會css跟html的話薪水可以比較好XD
02/24 15:11, 33F
推
02/25 10:13, , 34F
需不需要會就看公司啊
02/25 10:13, 34F
推
03/03 14:59, , 35F
推"全端"XD 這真的超出後端範圍了..對前端來說CSS寫出
03/03 14:59, 35F
→
03/03 14:59, , 36F
一個圖片般的按鈕是很正常的吧
03/03 14:59, 36F
‣ 更多 azureshin 的文章
文章代碼(AID): #1J2DgNGE (Web_Design)