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

[azureshin (azureshin)]

各位好

自己是一位後端工程師..也涉獵前端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
→ superpai:看不太懂.. 沒有圖怎麼談切版？
→ azureshin:我指的是肉眼看一張版面設計圖，然後手刻出html/CSS
推 alog:從版面到網頁原始碼，需要經驗跟討論 還有寫文件
→ alog:至於比如說要滑動效果什麼的，我會請他做分鏡圖做示意
→ alog:又或者 我們有共識了，知道用哪組外掛
→ alog:另外 button 這件事情，照理說不應該你來做
→ alog:版面到你這邊應該是完整html相關檔案了
→ alog:最後就是你認為找套件這件事情，你應該要思考一下
→ alog:有些東西的確第一次要下一遍功夫，但二次就輕鬆很多..
→ alog:順便跟你分享一個經驗，如果你的切板英文不知道怎麼命名
→ alog:可以參考一下cssremix 或 網路上的 css 常用命名
→ alog:我覺得這是還不錯的速成方式
推 Isacat:按鈕: http://www.colorzilla.com/gradient-editor/
→ Isacat:不切圖片也能做效果
→ Isacat:還有無論用哪套版型設計的製圖軟體 都要有圖層觀念
→ Isacat:層層切版 而不是像舊時用table那種零碎切法
→ Isacat:單純一張「平面的、不可分圖層的」靜態圖面
→ Isacat:連ART也切不出HTML+CSS的啦
→ Isacat:(除非該版沒分前後景)
→ azureshin:OKOK~真是一門學問...感謝各位
→ oj113068:肉眼看到轉成HTML+CSS對坐前台來講的人根本是本能阿XD
→ oj113068:但是他切完你還要修改是很奇怪的事情...依我的經驗除非
→ oj113068:工程師發現套不上去/流程矛盾，不然根本不會要改
→ oj113068:而且也不會要工程師改，都是退回來做前台的人自己改的
→ superpai:結果問題好像只是你不會CSS而已 會了就會了
→ Canboo:如果是Art出的版就拿PSD檔，只有圖檔有可能是未成案只拿JPG
→ Canboo:通常找到gallery的plugin也都能調CSS，懂就改的快
→ Canboo:但如果是線調和色塊組成沒太多花邊的，的確就看圖照排CSS
推 f1234518456:你這叫全端吧...後端要包這種事很怪阿
推 spjay1:菜鳥想請問現在設計師也要生css跟html嗎？
推 aceone:如果用ps做版 就是開關圖層單獨切圖 有的切jpg 有的切png
→ aceone:啊就真的很麻煩 但現在css3比較廣泛 很多效果都不用圖做了
推 cloudsan:設計師會css跟html的話薪水可以比較好XD
推 GoalBased:需不需要會就看公司啊
推 allen880808:推"全端"XD 這真的超出後端範圍了..對前端來說CSS寫出
→ allen880808:一個圖片般的按鈕是很正常的吧