极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。
-
-
交互设计 Android 和 iOS:两个系统交互设计的不同之处在哪?
iOS 和 Android 的设计还有许许多多的不同之处,比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中,设计师们可以更多的去思考两者的异同,并且更多的关注一下 Android 系统独有特性的运用,不仅仅节省了开发成本,同时也更好的为 Android 用户所接受。1dp(Android)=1pt(iOS)
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸,已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率0 1k 06 5 月, 2017 -
交互设计 App动效类型,其实就是五部分
App中的动效设计不是具体的需求设计,不能对产品本身产生很大的变化和改进,只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候,不可为做动效而做动效,要把握住动效的“度”,不可华而不实,需要服务于具体的需求和场景。
0 773 06 5 月, 2017 -
交互设计 从2种形式和4种附加价值,来浅谈APP启动页
当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。
——摘自苹果官方对于iOS启动页的设计说明0 533 05 5 月, 2017 -
交互设计 在设计过程中,设计师如何输出一个更落地的动效呢?
优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。
0 1k 05 5 月, 2017 -
交互设计 悬浮动效常见的几种玩法
动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效常见的几种用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效,这也是近年动效设计的热点之一。
0 2k 05 5 月, 2017 -
交互设计 为什么你爱用的 App,都用卡片式设计?
今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。
0 450 04 5 月, 2017 -
交互设计 6种实验性的网页导航模式,激发你独特的设计灵感
不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式。
0 1k 04 5 月, 2017 -
交互设计 专业的交互输出文档应该怎么写?
交互输出文档里面最重要的是做设计时的多方面思考。
0 2k 03 5 月, 2017 -
交互设计 影响网页内容的七种设计误区
如果你的设计当中出现了这些问题,请不要担心。它们的解决方案并不复杂,通常也不需要经过复杂的重设计来完善,只需要进行适当的调整即可。
0 801 03 5 月, 2017 -
交互设计 动画进度指示器的最佳实践:好的交互设计会提供反馈
系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时,用户想要感觉一切都在掌控之中,这意味着在任何特定时间下,他们想要知道并了解他们当前的处境,尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时,一个等待动画进度指示器是向用户展示系统状态最为常见的形式。
0 628 03 5 月, 2017 -
交互设计 反馈设计的七种形式,有助于向用户传递信息
反馈是交互设计中最前线的一环,它的好坏直接影响产品体验。
0 1k 03 5 月, 2017 -
交互设计 人机工程学在交互设计中的运用
大家在做设计的时候都会遵循一些交互规范或者常用的一些规律,但是经常情况下,我们都没有深入的研究为什么这样定义这个数值,这个数值是否合理?如果没有严格的理论支持,在设计中直接运用一些规律,就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。
0 878 03 5 月, 2017 -
交互设计 微交互的设计案例与思考(上篇)
作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。
0 2k 03 5 月, 2017 -
交互设计 来自腾讯交互设计师的分享:交互微动效设计指南
本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。
0 757 02 5 月, 2017 -
交互设计 阿里设计师分享:UX设计心理套路
在阿里巴巴国际站,我们对心理学理论进行了客观的数据验证,把科学理论应用至前线设计,提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享,希望普惠更多设计师能活化科学理论,共享知识协同促进中国设计走出去。
0 1k 02 5 月, 2017 -
交互设计 界面交互动效核心知识的分类与总结
这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。
0 1k 02 5 月, 2017 -
交互设计 译文 | iOS 10 人机界面设计指南 (完结)
iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP 对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。0 2k 02 5 月, 2017 -
交互设计 微交互:如何塑造优质的产品细节?
本文作者将与大家探讨微交互是如何塑造优质的产品细节的,一起来看看吧~“最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”
0 476 01 5 月, 2017