首页

你的布局设定方法靠谱吗?

用心设计 设计资源

屏幕快照 2016-01-03 5.54.05 AM.png

有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?“

软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与时间比等纬度都应有相当高度的认识。就像建筑设计师一样,他们一定很了解建筑材料以及如何建筑,虽然他们不会去亲自砌墙。:)

希望通过此文可以交流关于栅格化和盒子比例的设计方法。

栅格化

对于网页的宽度,设计师之间基本上比较容易达成共识,比如:950px、960px、1000px、1190px、1200px。但是如果接下来让 每一个设计师设计一个左右布局的版式,左边是一个树形菜单,右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师 都服务于一个品牌下的话,这种情况并不是一个好的事情。会给人以没有一致性的感觉。

图1:一个产品站点,同样是980px的页面宽度,但是菜单宽度分别为:200px和245px

你的布局设定方法靠谱吗?

阅读全文>>

全部躺枪!UI设计师容易忽略的四个现实

周周 手机及小程序界面设计文章及欣赏

ui-designer-overlook-the-reality-1

@Akane_Lee :我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」。如果你也想从画图标的变成UI设计师,这篇干货千万要收藏。

阅读全文>>

用科学方法帮你提升移动应用用户粘性

用心设计 行业趋势

如何提升用户粘性?这是产品有一定UV后都会面临的问题。大部分产品都在尝试主动跟用户联系,比如电商类APP定期给用户推送各种打折促销消息,吸 引用户回到APP;SNS类APP会给用户推送「您关注的人XX更新了状态」等动态;有些日记类APP会定期推送消息,提示用户多少天没去了之类等等。但 对用户来说,什么样的联系他们会更愿意接受呢?本文作者讲述了什么是钩状理论,以及我们该如何利用这个理论帮助提升用户粘性。

第一次遇见Joe,是在他35岁时,有两个孩子。看看自己的游泳圈,他决定要减肥20磅。他买了的运动装备,最好的健康管理APP来记录自己的 饮食和运动。最开始的一周,他坚定地执行计划并且成功减掉了几磅,第二周他的热情减弱了很多,经过一个月之后,他完全停止了记录并且又胖了回来。他对自己 的状态很不满意,并且对减肥失败自责。

屏幕快照 2016-01-03 7.11.51 AM.png

阅读全文>>

打磨细节!超实用的移动端缩略图设计攻略

周周 手机及小程序界面设计文章及欣赏

mobile-list-thumbnail-design-1

在列表中使用缩略图,这样一个简单的需求,看似平淡无奇的设计,也有如此多的细节和原理可以挖掘。原文中推敲的过程非常值得学习和借鉴,来看今天@TerryFan 这篇译文。

阅读全文>>

产品经理如何去发掘新的APP产品需求

用心设计 手机及小程序界面设计文章及欣赏

移动产品经理是每个APP产品牵头人,在市场营销部,对某个产品在集团内的盈亏负责,并为这个产品的运作去协调所有的人,并充分地协调这个产品的所有运作环节和经营活动。

同时,移动产品经理还要认真搜集用户的新需求、竞争产品的资料,并进行需求分析、 竞品分析以及研究产品的发展趋势等。

如qq音乐的APP界面设计如下:

移动产品经理如何去发掘新的APP产品需求

阅读全文>>

工控类软件界面设计欣赏之一

蓝蓝 Bs界面设计文章及欣赏

最近蓝蓝设计在进行工控类的软件界面设计,我们也在搜集各方面的资料、国内外的界面设计欣赏。一般来讲,工控类软件以操作、工具为主、注重严谨、稳重、易用性、逻辑的清晰,其次是美观。


赏。e46415431922154fe709895062c03164efe63d312a8fb-SITQ0Y_fw554.jpeg

阅读全文>>

超全面的APP数据图表展现方式深度总结

周周 手机及小程序界面设计文章及欣赏

data-in-apps-summary-1

@腾讯ISUX Viconia:之前研究过一段数据图表的最佳表达方式,随着手机端应用层出不穷地发展,这次将数据图表的表现延用到手机端。相比 Web 端展示数据的空间优势,要兼顾手持设备的便捷、简明而重点的特质,手机端该如何取舍?是否有更加合适的表现方式?下面是翻阅或试用了各种有数据的 App 后,将手机端应用中值得借鉴的部分做了小小的总结,也让我自己对不同数据图表的特性有更深的理解。

阅读全文>>

何让移动端弹窗广告投放更有效?两种方案的A/B test

用心设计 手机及小程序界面设计文章及欣赏

无线场景下,无论是浏览wap页面,还是使用原生的app,所有人都一定都碰到过“弹窗广告”(如下图),从用户体验设计的经验看,这种缺少用户预期的广告形式,可能会打断原有的操作和认知,对体验的流畅有一定的负面影响,但从内容的推广角度看,弹窗广告可以在短时间内将广告内容强制展现给用户,一定程度上迫使用户阅读和点击,以达到更强的传播效果。

阅读全文>>

拥抱未来!2016年最值得关注的移动端APP设计趋势

周周 行业趋势

2016-mobile-app-design-trends-1

编者按:对于2016年网页设计的趋势我们已经在《再战明年!2016年最值得关注的16个网页设计趋势》这篇文章中进行了详细的介绍,那么移动端APP设计在未来可能会有怎样的发展趋势呢?今天的文章就帮你简单预测一下~

阅读全文>>

案例实战!浅聊淘宝闲鱼发布界面的两次改版

周周 手机及小程序界面设计文章及欣赏

taobao-xianyu-ui-redesign-1

编者按:建议刚学UI的同学多看这类改版经验总结,提前学习交互设计的知识,在求职时能加不少分。习惯靠经验/感觉做设计的新人也别放过,这种实战的案例结合书本看,能帮你更透彻地理解那些设计原则。不多说了,直接看文!

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档