加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

【设计总结】像素,分辨率和适配

发布时间:2017-11-18 06:20:42 所属栏目:经验 来源:王M争
导读:副标题#e# 不管是UI还是交互都是属于从国外传进来的“舶来品”,在翻译成中文的时候可能会出现一些词不达意的错误。在传播过程中,这些错误可能会被进一步的放大。我们可以在网上看到很多设计相关的文章或者书籍,其中相同的事物在不同的地方可能会有不同的

设计风格的把控

对于适配知识的了解还可以帮助我们去把控产品的设计风格。例如,我们之前在产品首页会倾向于下面的这种排版。这种排版的好处是信息可以充足的展示,可点击区域够大,用户操作方便。但是在做适配的时候就会很困难,特别是iPhone X出来屏幕的进一步拉长,这种单屏适配就会很困难。

【设计总结】像素,分辨率和适配

这种首页的设计模式我在以后采用的时候肯定会考虑再三,不是说这种设计模式不好看或者说是可用性差,只是将来做设配的适配会很困难。

沟通的重要性

其实这篇文章主要说的是设计师如何通过对像素和分辨率的学习来更好的完成适配,那么我觉得适配是一个团队工作,光靠设计师是不够。例如我在上面的例子说到那种首页的布局模式很难进行适配。但是界面的框架不是由UI设计师来决定的,产品经理或者交互设计师在绘制线框图的时候已经确定了整个界面的排版布局。所以说,让UI设计师来参与到前期线框图和原型图的绘制是非常的重要,因为有些问题是必须站在UI设计师的角度来可以看出来的。

【设计总结】像素,分辨率和适配

除了跟产品经理和交互沟通,我们还要和开发多沟通。前几天我在给一个按钮做动效,切图的时候要求背景透明。但是从ps中导出的透明背景的gif会出现杂边,根本不能用。后来问了一些朋友,大家都没有合适的解决方案,AE中也没有比较好用的可以直接导出高保真gif的插件。最后我都绝望了,前端同事跟我说其实这个效果可以用代码来实现。当时我就懵了,感到自己之前那么多工作都白费了(AE中做动效,导出视频,把视频导入PS,再导出gif)。所以说设计师一定要跟开发多沟通,这样可能会减少很多工作量,对于适配也是一样。

【设计总结】像素,分辨率和适配

总结

以上就是我对像素,分辨率和适配做的一个总结。希望可以解决你们心中的一些疑惑,其中可能会有不对的地方,欢迎留言纠正。

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读