首页

做到这8个点，有效地整合你的视觉设计

用心设计

在视觉界面设计中，不同于艺术作品传达的是设计者自身的情感和寄托，这里关注的重点是传达的行为和信息，也就是目标。而在视觉设计元素中，重点关注的有：

评论(0) 浏览(4640)

交互技巧，浅析四个主流的页面间跳转动效

用心设计

多出现于信息内容页面，用户将绝大部分注意力集中在内容信息本身上。当信息不足或者展现形式上不符合自身要求，临时调用工具对该页面内容进行添加、编辑等操作。在临时页面停留时间短暂，只想快速操作后重新回到信息内容本身上面。Tool   Tool

评论(0) 浏览(3954)

小而美:清晰的可穿戴设备界面

用心设计

各种不同的穿戴设备

从简单的健康追踪设备，到能够与手机系统同步的功能齐全的手表，设计这些小屏幕界面时，有许多变种需要考虑。

1

评论(0) 浏览(4524)

2016年UI设计的新趋势

用心设计

部分原生控件上只存在风格上的差异，对用户无显著影响。

Material Design 不会大兴其道，更不可能逆袭（用 Material Design 设计的 App 在 iOS 上使用），iOS 的实用主义设计会显著影响 Material Design。

桌面常见的交互形式也将更多影响移动端，要支持 iPad Pro 这样的生产级设备，iOS/Android 会为了兼容桌面场景作出优化。

c4cbf0cb72a767782964c90aebc3ae2d_b

评论(0) 浏览(4455)

有数据的apps——手机端的数据表达式

用心设计

搜罗了 App 分类的过程中,发现较能体现数据应用表达的,多数分布在:财务、 健康、医疗、商务、工具、效率这几类;其中以财务、健康、商务类的应用为最 广泛,今天就枚举这三大类的图表应用来和大家一起看看。

有数据的apps——手机端的数据表达式
评论(0) 浏览(3172)

iOS 9人机界面指南(三)：iOS 技术 (下)

用心设计

本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

iOS 9人机界面指南(二)：设计策略

评论(0) 浏览(3922)

谈谈用研过后的“需求”

用心设计

首先在确保用研对象是目标用户之后，用户所提出的所有合理需求(不包括用户提出我就是喜欢这个颜色这种)都是有活生生的使用场景支持的，肯定是用户在使用过程中确实遇到了这样的问题。很多时候用户不会告诉你我遇到了什么问题，他们不会想展示他们蠢的一面，他们只会告诉你他们想要的解决方式，然而这个解决方式并不一定是合适的或者是具有片面性的。所以在分析需求的过程中我觉得有以下几个比较重要的点。

评论(0) 浏览(4062)

怎样使通知(Notification)更加智能化

用心设计

我(原作者)的手机又震了。当时我正在冰岛的一个什么地方，离我的车有十多里地远，四下无人。我正拿着马上就要没电的手机查看着Google Maps。

“Spotify刚刚向Afternoon Acoustic歌单添加了两首歌曲哦”，真是时候。一条来自Periscope的消息：“@kayvon和你分享了一段视频…”，还有Mailbox的 两封新邮件通知，Twitter上多了个follower，Slack里的一条消息，总共9条通知。当你拿着一部电量只剩下2%的手机，被困在一个荒无人 烟、网络连接十分不稳定的地方时，当你只想那见鬼的地图能快些加载时，这些通知真的很是让人欲哭无泪。

过去20年里，科技进步的太多太多，但通知服务似乎还停留在上个世纪。

01-mobile-app-design-notification-smart.png

评论(0) 浏览(4756)

移动端界面中的版式设计原理(上)

用心设计

对任何信息进行排布的时候，首先必须要掌握的是对齐/重复/亲密/对比，贯穿设计的四大原则。

对齐除了能建立一种清晰精巧的外观，还能方便开发的实现。基于从左上至右下的阅读习惯，移动端界面中内容的排布通常使用左对齐和居中对齐，表单填写的输入项使用右对齐。

评论(0) 浏览(3690)

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

用心设计

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

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

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

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

栅格化

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

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

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

评论(0) 浏览(3945)

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档