APP界面设计文章及欣赏

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

用心设计

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

交互小技巧!浅聊四个主流的页面间跳转动效

周周

website-redirection-interaction-animation-1

@米_亓 :最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

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

用心设计

各种不同的穿戴设备

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

1

2016年UI设计的新趋势

用心设计

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

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

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

c4cbf0cb72a767782964c90aebc3ae2d_b

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

用心设计

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

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

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

用心设计

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

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

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

周周

mobile-ui-typesetting-principle-1-1

justinlam:“我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈。

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

用心设计

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

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

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

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

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

用心设计

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

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

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

周周

ui-designer-overlook-the-reality-1

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

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档