身为一名网页设计师,你知道如何让你的开发者在设计上有多重要。并非只有有效的设计,但这些细节,可以指导开发者。下面的七个步骤将有助于整个工作流程的进展:
一、编制文件。
最好的方法是创建一个单独的PSD文件来对每一个模板进行布局。程序员就是更容易地使用多个小文件,每个包含一个模板。批准Photoshop之后,就可以设计、生产另一个版本的开发者。对于开发者来说,在保持最终设计完整的情况下,层不需要删除代码。
二。版面和色彩信息。
色彩可以是一种很好的开始和开发者建立良好友谊的方法。
最低限度地删除所有不必要的指导原则。概览网页的内容部分,例如页眉、页脚和侧栏。在Photoshop文件或Word文档中创建层组,列出颜色和样式。PSD文件,包括悬停文本链接和其他元素。此色彩面板列表也可以定义公共页面组件。这类常用页面组件包括字体特征、页面标题、子标题等等。
3。航行与按钮状态。
不能忽略导航元素,或者让开发者去猜其中的内容。组的所有导航元素位于其自己的文件夹中。编码器需要定义样式表中两个或三个用户交互的状态。每一个国家都需要根据其功能设置自己的层名称。对于设计中的任何按钮都这样做。
4。压平和合并
在某些情况下,平层至关重要。将几个层次化元素合并为一个层。这样,你要消除的猜测是哪一层是另一位开发者。为开发者提供清晰的路线图和整合层,无需他进行编辑。防止对设计元素进行切割修改。
5。字型
那是书本上的字体。在因特网上并不是这样的。
可以使用像素大小而非字号来编辑文本,请离开网络字体。可以编辑的文字不使用字距调整,避免单个字母的字距调整。Web设计使用不同的字体,并且它们一起创建Word文档。
六。图像。
如果你优化图片,减少文件大小,这将帮助开发者。这通常可以显著,甚至大大减少图像文件的大小。最后的结果-更快的页面加载时间和最佳的UI。
七。层次。
做额外的工作,组织层次和层次结构。如果你坚持标准命名规则,或者在您的工作环境中经常使用的命名规则,这会让所有人都更容易。建立Photoshop文件夹结构,或者建立一个项目模板。
为什么模式会让编码者的生活变得简单?
当设计文档准备提交您的要求时,给自己一个现实。请提交模型,你已经创建了开发者的工作。开发人员将为您提供大忙。
模式和情书一样,你的开发者。
在远距离工作编码机构中通常是很有天赋的程序员。但如果你能想出这种设计,这可能是错误的假设,很容易转换代码。这段代码代表最新版本的HTML5和CSS3。记得创建线框图和原型时。
郑州网站制作公司内页图形应有大小的模型完全按照您希望它们在交付中的显示方式。如果您选择一个具有独特图标集的内部页面,该页面将创建一个单独的模型。这样可以避免任何混乱的开发者。
另外一种有用的策略是将图标、图标、动画标题等作为独立文件导出。这样开发者就可以使用图标图片和页面设计作为参考资料。
测试在编码前所发生的交互,可以省去大家担心的时间和麻烦。
这一阶段,所有的交互都要流畅自然。
通过原型,给自己一个现实包括测试交互。这个方法比编码测试好。原型当然是最好的,但是甚至可以用它来展示项目应该如何工作的低阶版本。这将根据他们的反馈给开发者。
反应性需要设计给予更多关注。
模式有助于设计师创意与开发者逻辑之间的联系。这种连接可能非常复杂,尤其是在响应困难方面存在困难。在移动中显示每一个屏幕的大小时,首先创建模型。
想想所有的屏幕尺寸,不仅仅是苹果设备。
由于并非所有的设计元素都以相同的方式改变了不同的景色,你需要问自己以下问题:
品牌、图标或图形容易改变尺寸或位置?
字号和行距是多少?
在屏幕上使导航系统能正常运行吗?完全相同的itfunction,或者更小的屏幕?
是否仍然可以看到边栏和页脚内容?它们是否只是部分可见?或者根本不存在于小屏幕中?
由最小的屏幕和最大的尺寸。先添加一些基本元素,然后添加一些其他元素。
怎样确定你可以与最好的程序员共事。
您看到的好处是远程编码工作机制。您还可以展示为确保您和您的程序员在同一个页面上完成整个项目所需要的步骤。然后。
下一篇:郑州做网站公司设计师的自我实践