专栏名称: 设计新知
以创意设计类干货分享为主,扯淡为辅,偶尔也当当知心大姐
今天看啥  ›  专栏  ›  设计新知

APP从设计稿到切图过程深入分析

设计新知  · 公众号  · 设计  · 2024-12-01 23:00
    

主要观点总结

该文章是一位GUI设计师对APP从项目启动到切片输出的过程的介绍,包括设计尺寸、页面标注、切片资源的输出、工作常用数据和提交的相关注意事项等。

关键观点总结

关键观点1: 设计尺寸

文章提到了不同iPhone版本的常见设计尺寸,包括IPhone 3GS、IPhone 4/4s、IPhone 5/5s/5c、IPhone 6和IPhone 6 plus等,还提到了启动页面的设计尺寸要求。

关键观点2: 页面标注

文章详细描述了页面标注的内容,包括文字、图片、间距和区域的标注,以及一些特殊元素如图标、Tab bar的标注方法和注意事项。

关键观点3: 切片资源的输出

文章介绍了切片资源的输出包括全局性的切图常见问题、切图尺寸应该提供几套、命名规则等,还提到了图标的不同状态和提交尺寸的要求。

关键观点4: 工作常用数据

文章提供了工作中常用的数据,包括字体、文字大小、设计尺寸等,并强调了与工程师沟通的重要性。

关键观点5: 注意事项

文章提醒设计师需要注意图标可点击区域的大小、最小可点击元素的尺寸、图片图标的不同状态等问题,以确保良好的用户体验。


文章预览

友情提示:图片可以点击放大看,效果会更好哦 我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧。公司不同,流程不尽相同,但是终究还是能有些帮助。 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧。 页面篇幅比较长,不推荐一次性看完,那样你潜意识里就会对它厌烦了,所以可以有时间读一读,看一看。 Part 1 项目立项 完善的公司会把项目相关人员聚集起来,产品经理会把产品详细的用原型展 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览