专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
龙爪槐守望者  ·  有时候觉得AI发展慢一点也是好事,太真实了容 ... ·  21 小时前  
字体设计  ·  旧物观察:早期36款椭圆形酒标及字体设计 ·  2 天前  
字体设计  ·  6月来了,安排六种文字编排方式 ·  2 天前  
设计上海  ·  FotileStyle方诗得: ... ·  昨天  
51好读  ›  专栏  ›  微交互

10个SKETCH搭配ZEPLIN的使用技巧,让你和程序员愉快玩耍!

微交互  · 公众号  · 设计  · 2017-03-07 09:37

正文

请到「今天看啥」查看全文


Media Queries (媒体查询)。如果你还不清楚这些,请务必提前沟通好。

  • 1920 x 1080 px

  • 1200 x 900 px

  • 1024 x 768 px

  • 320 x 480 px



2. 提供完整的响应式断点

当你设定好了栅格断点并上传到Zeplin后,你会先天地认为,在更高分辨率下,内容依然保持垂直居中显示简直是天经地义的,无需再费口舌赘述。但,程序员并不会读心术~

请上传不同分辨率下的响应式效果!

3. 让素材支持不同分辨率

比如你在设计一款iOS产品,请确保其可以输出@3x的素材。因为一旦你没做到位,遭到开发同学的质疑可是相当没面儿的:

“请给我@3x大小的素材,因为在iPhone 7上面看全是像素粒谢谢~”

4. 请确保「整组」与「组内元素」均可以独立导出

程序员的心你还真别猜,因为猜来猜去你也猜不透~有时他们也许会希望单独导出图标中的某一个部分。所以还请尽量确保整组与组内元素都支持独立导出。







请到「今天看啥」查看全文