Web_Design 板


LINE

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







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Soft_Job 或 站內搜尋

TOP