以下文章来源于逐梦之星 ,作者逐梦之星
小心地方偷塔~!
设计稿交付开发工程师后,受限于前端组件等问题,设计稿往往不能达到较高还原。在app设计中有很多容易被忽略的细节,不仅开发容易遗漏,设计师也容易混淆。
总结下来:
1. 本篇文字的主要内容就是 shadow 和 line 在APP板式设计中的基础用法、和一些基础的页面元素排版。
2. shadow的用法复杂多样,在极简化设计的今天,阴影逐渐被line代替,line逐渐被“页面留白”代替。
3. 在375的设计稿中用0.5px的line,源于用750画布下1px的line,不论是0.5px还是1px,在一套app设计中应保持统一,构建line规范。
4. 页面元素的间距为8的整数倍或者0.5倍。8的整数倍,0.5倍,0.25倍都是偶数,在界面设计中会常用到拆分、等分。偶数在设计中是很受欢迎的。
5. 理解“设计师在设计设计稿的时候“在想什么,可以帮助前端工程师充分理解设计,更好的还原设计稿。懂设计的前端工程师才能真正做到100% ,甚至“120%”的还原……