有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?“
软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与时间比等纬度都应有相当高度的认识。就像建筑设计师一样,他们一定很了解建筑材料以及如何建筑,虽然他们不会去亲自砌墙。:)
希望通过此文可以交流关于栅格化和盒子比例的设计方法。
对于网页的宽度,设计师之间基本上比较容易达成共识,比如:950px、960px、1000px、1190px、1200px。但是如果接下来让 每一个设计师设计一个左右布局的版式,左边是一个树形菜单,右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师 都服务于一个品牌下的话,这种情况并不是一个好的事情。会给人以没有一致性的感觉。
图1:一个产品站点,同样是980px的页面宽度,但是菜单宽度分别为:200px和245px
栅格化
@Akane_Lee :我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」。如果你也想从画图标的变成UI设计师,这篇干货千万要收藏。
第一次遇见Joe,是在他35岁时,有两个孩子。看看自己的游泳圈,他决定要减肥20磅。他买了的运动装备,最好的健康管理APP来记录自己的 饮食和运动。最开始的一周,他坚定地执行计划并且成功减掉了几磅,第二周他的热情减弱了很多,经过一个月之后,他完全停止了记录并且又胖了回来。他对自己 的状态很不满意,并且对减肥失败自责。
同时,移动产品经理还要认真搜集用户的新需求、竞争产品的资料,并进行需求分析、 竞品分析以及研究产品的发展趋势等。
如qq音乐的APP界面设计如下:
@腾讯ISUX Viconia:之前研究过一段数据图表的最佳表达方式,随着手机端应用层出不穷地发展,这次将数据图表的表现延用到手机端。相比 Web 端展示数据的空间优势,要兼顾手持设备的便捷、简明而重点的特质,手机端该如何取舍?是否有更加合适的表现方式?下面是翻阅或试用了各种有数据的 App 后,将手机端应用中值得借鉴的部分做了小小的总结,也让我自己对不同数据图表的特性有更深的理解。
编者按:对于2016年网页设计的趋势我们已经在《再战明年!2016年最值得关注的16个网页设计趋势》这篇文章中进行了详细的介绍,那么移动端APP设计在未来可能会有怎样的发展趋势呢?今天的文章就帮你简单预测一下~
编者按:建议刚学UI的同学多看这类改版经验总结,提前学习交互设计的知识,在求职时能加不少分。习惯靠经验/感觉做设计的新人也别放过,这种实战的案例结合书本看,能帮你更透彻地理解那些设计原则。不多说了,直接看文!