全国热线

400-080-3312

全国监督服务热线:9:00-23:00

html开发工程师经验分享

想做好html开发并不如想象的那么简单,出了必备的专业技能,更重要的还是实际开发过程和经验。今天南京学码思web培训学校老师就来给大家分享几招html开发工程师的实用经验,一起来学习一下。

Html开发工程师可以说是当前互联网时代的热门人才,对于辅助开发者开发应用和网站有着不可或缺的作用,成为当下不少人理想的求职方向。但想做好html开发并不如想象的那么简单,出了必备的专业技能,更重要的还是实际开发过程和经验。今天南京学码思web培训学校老师就来给大家分享几招html开发工程师的实用经验,一起来学习一下。

html开发工程师经验分享

1有效的进行版本控制


设计师经常会面对各种装满了一堆没有清晰版本命名的PSD的文件夹。为了解决这个问题,设计师可以事先确定一种合适的版本命名格式(理想的格式应该使文件在字顺排序下自动有意义地排列)。


2保持图层


不要轻易合并图层。需要导出时,通过组合,隐藏/显示图层的方式来进行,导出后再把文件恢复到原来的状态。不要轻易破坏有用的数据。电脑性能更不是合并图层的理由——若被此限制,你应该做的是买内存更大,性能更好的电脑。


3对图层进行有意义的命名


虽然对图层命名比较繁琐,但这样做确实能够帮助理解,尤其是在重用文件元素的时候。命名时应确保文字图层的名称反应其内容。重复的图层也要进行有意义的命名,而不是简单的“副件”。


4合理地对图层编组


应该把分散在不同图层的视觉元素编为一组。对单一设计的文件来说,编组整体上应该一致按照从左到右,从上到下的顺序。层次和顺序比按颜色编码图层更好,因为图层移动时,颜色还需要保持。


5去掉不需要的图层


不再需要的旧版本、模版和参考材料以及临时复件应该从图层中及时删除。间歇性地浏览一下你的所有图层,及时删除不需要的东西。


6使用图层复合


Photoshop的图层复合功能可以让你制作多组图层状态,如可见性,位置甚至图层风格。你可以用图层复合功能来灵活地在一份文件中整合设计中不同部分(比如网站的多个标签、应用的多个页面)。这样做可以不必保留重复的图层编组,从而减小文件大小。


7保存矢量文件和可伸缩效果


在设计应用时,很可能会需要原设计两倍尺寸的图片来适应有双倍像素的新设备。确保在这种情况下你不需要重新绘制所有的图标。


8学会在缩放时保存圆角


操作系统经常会统一圆角的角半径(iOS通常为12像素)。Adobe Fireworks会保持圆角矩形的角半径,但Photoshop不会。因此确保你用直接选择工具来选取圆角的点并且以传统的方式缩放图像。


9在72ppi下进行设计


一个像素就是一个像素,更多的像素只会生成更大的文件。不要通过改分辨率来蒙混过关。


10对其像素确保相关的形状


工具设置成对齐像素。根据你的需要使用像素网格等工具。一贯使用偶数尺寸来方便裁剪。


11使用RGB模式


这点不仅对颜色显示重要,对开发者将颜色正确地写入代码也同样关键。


12资源准备是你工作的一部分很多(大多数)开发者除了基本的编辑功能外对Photoshop一窍不通。设计师需要适时地导出可能会在应用或网站上用到的裁剪图,因为毕竟他们是对文件和Photoshop最熟悉的人。这项工作虽然很痛苦,而且很耗时,但这是除“设计”外90%的工作。


13谨慎的使用字体


不同的设备和操作系统的预设字体有所不同,因此不能确保这些设备都有你进行设计的电脑上的字体(事实上,你比一般人的设备上的字体都多)。基本上,将应用或网站上的文字以实际文本的格式呈现会有更好的效果,但这也使对字体的选择不仅基于视觉,还有可行性上的考虑。


还有一点值得注意,允许个人设计使用的许可也许不允许你将该字体完全使用在应用或网页上。在选定设计中使用的字体之前,确保和你的开发者或客户进行有效沟通。


14确定设计尺寸


对移动设备应用来说,屏幕尺寸不是全部信息,你还需要考虑系统状态栏等的存在,以及他们如何在屏幕横排和竖排时影响尺寸(比如iOS设备的顶端状态栏会在横排的时候减小较小边的尺寸,在竖排的时候减小大边的尺寸)。和你的开发者确认一下应用是否为完整的全屏很必要。


15使用平台风格


每个平台(操作系统)都有其独特的用户界面元素和交互风格(也会根据不同的设备有所不同)。在设计时注意这些风格,并且除了有特殊原因,不要进行与平台本身风格差别太大的设计。


例如,在iPad上,你会发现这些需要注意的地方:


1、支持两种屏幕方向的强烈需求

2、双栏设计在两种屏幕方向上都可接受

3、将弹出框作为一种界面元素和分组机制

4、确定的文件浏览器的风格

5、在级别较高的导航栏中,返回按钮是向左指的图标


因此,在设计时要熟悉平台,因为你的设计要适应它。没有哪一种单一的设计可以适应所有的平台。。


南京学码思作为一家专业的web培训学校,对于这方面人才培养和技能分享有着丰富经验。如果你对于web前端感兴趣,想要获得更多web前端教程和免费课程资料的话,都可以直接咨询在线老师了解详情,还能获得免费试听课程的权限,欢迎大家前来实地考察。


上一篇:学码思推荐七个实用的JavaScript编程工具
下一篇:HTML5在网站开发中的应用

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00