在工作中,我看到一位同事在Photoshop/Fireworks中设计一个网站,我看到另一位同事收集这些数据,将其整理并使用Dreamweaver从头开始重建.
看起来好像太乱了!
我知道Photoshop可以输出基于HTML的表格,而Fireworks将创建具有绝对定位的div; 似乎都不是很有帮助.
不可否认,自从成为程序员以来,我没有尝试过很多(DW/FW)(CS4/CS3),所以我不知道新版本是否正在解决这个工作流程问题,但是我们还在处理事情吗？
我们可以附加某种布局元数据(这是一个翻转按钮,这将是一个SWF,这将是文本,此徽标将隐藏"xyz"<h1>文本等)到切片以帮助布局生成？有一些秘密工具可以协助这个转换过程吗？或者我们仍然限制手工做事？
当所述手工制作的页面需要再次重新设计以适合Smarty模板/ Wordpress /通用CMS 时,挫折感仍在继续.
我承认设计师需要摆脱系统才能做任何事情,但大多数传统网站都有:
鉴于许多组件的相似性,是否应该采用更系统的方法从切片设计转向功能性HTML？
还是我过度简化了事情？
-edit-嗯......我想我会接受一个答案,但他们并不是我真正想要的.
看起来设计DOM有点像圣杯("它只是一个模型!"),也许你可以用HTML和Javascript完成所有"groovy"的东西,这将是一项艰巨的工作,但是一组约束(960件看起来很有趣),一些精心设计的重置样式表和一点......仙尘？我们应该能够改善工作流程.
Photoshop的表本身几乎没用,我同意,但我们肯定可以获取这些数据,然后选择一组单元格并说"正确,这是一个文本div,溢出:自动"或"这些单元格是一个图像块,将其设置为与所选区域具有相同的高度/宽度".不可否认,在这里工作中还有其他大象需要对管理进行正式介绍,但设计>页面工作流程的某些部分似乎......没有受过良好教育.
Ale*_*zzi 15
对我来说,手工操作是一个优势.你只需要把它弄好一次,如果你专注于视觉吸引力,那么你可能需要做很多工作才能使它跨浏览器友好...
很想听到其他答案.这只是我对它的看法,因为我制作的数据比视觉上吸引人的网站更多.
完全跳过Photoshop,让你的设计师直接在视图HTML中进行模拟.你不仅会消除你感觉到的复杂,尴尬的感觉,而且你会得到更好,更有弹性的设计,因为100%的设计将基于HTML/CSS中的可能性,而不是Photoshop中的可能性.
更多阅读:
现在很多人都在使用(X)HTML/CSS直接设计到浏览器中,因为确实存在这个问题 - 所有这些都是用Photoshop搞砸了,然后在让客户端签署静态设计后再去编码.
安迪·克拉克(Andy Clarke)的" 墙壁倒下"(Walls Come Tumbling Down)演示文稿很好读.
欧米茄触及它,但我认为最大的问题是跨浏览器兼容性.如果所有这些浏览器怪癖都不存在(coughInternetExplorercough),那么你的建议会更简单.但是,通常需要大量的手动编码才能使其在每个浏览器中看起来都像素完美.
另一件事是精细控制.当然,你可以将你的PSD模板弹出到Dreamweaver或诸如此类的东西,并拥有一个有效的网站,但是它会使用黑客和丑陋的东西,比如桌子来使它工作.即便如此,它可能不会完全像你想要的那样工作.你必须记住诸如辅助功能和搜索引擎优化之类的东西,而Dreamweaver就是不能给你这样的.
| 归档时间： |
|
| 查看次数： |
1797 次 |
| 最近记录： |