三分钟搞清iPhone X 设计尺寸和适配

被iPhone X刷了一天屏,到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子,与适配无关的内容通通不要。

主流原型工具可用性测试横向比较

可用性测试是指通过观察用户使用产品(或原型)的过程,记录和分析用户的行为和感受,以改善产品可用性的一系列方法。可用性测试适用于产品前期设计开发,中期改进和后期维护的各个阶段,是用户中心设计的思想的重要体现。同时,由于它反映了用户真实的使用情况,因此被视为一种不可或缺的可用性检验过程。

揭秘《不一样的UI设计师》-究竟会让你变的怎么不一样?

静电说:之前在自己迷茫的时候,很喜欢听品冠的一首叫《我应该是什么模样》的歌。是啊,每个人在自己的成长过程中,总不可避免的经历迷茫,彷徨,挫折,大家也都在努力,希望能成为更不一样的自己。新书《不一样的UI设计师》已经上市将近一个月了,大家是否在第一时间购入了呢?很多小伙伴都有个疑问,那就是:《不一样的UI设计师》到底哪里不一样,这本书里有哪些我需要学习的内容呢?那么今天静电来跟大家聊聊。   01\不一样的工具-基础中的基础   近几年Sketch及一些新的设计工具的流行不是没理由的,大家都反应,Sketch做UI设计快,很快,很容易上手。但其中的一些小问题却不断,这次静电在《不一样的UI设计师》中总结了大家在工作工程中常见的问题以及解决方法给大家,比如:   Sketch如何转PSD文档? Sketch导出的图片为什么颜色看起来有点不一样? Sketch导出的图虚? 如何看待Sketch与Photoshop?如何选择?   其实,这就是我反复在教学过程中强调的-设计师的技术活。如果你不了解它们的原理,那么再怎么做也无法提升。《不一样的UI设计师》希望从这些领域给你一些启发。另外,我们也在书中为大家介绍了除了Sketch之外的多款工具,如Keynote,Flinto的用法。         02\设计也有套路?对!思维! 设计是一个思考的过程,请注意,过程大于结果。因此,我反复强调设计的呈现,是可以通过某些方法“推导”出来的,而不是拍脑袋拍出来的。商业设计师更应该有这方面的觉悟。现在,越来越多的设计师会注重综合素质的提升,这些综合素质不仅仅是工具使用的6不6,还有更多秘而不传的软实力。比如:   有人问,你的设计稿为什么做成这样? 你是否了解自己的用户和设计的最终目标? 除了吐槽PM不懂设计,设计师如何做到有理有据? 设计(师)的价值到底在哪里?   是的,只有你提供的设计,提供的服务为客户,为公司产生了价值,你才能成为一个有价值的设计师。从现在就开始不断的问问自己:为什么要这样做,而不是那样做?   让静电来告诉你:“Why?”而非”How”   设计规范有啥用?做出来如何执行? 看看静电亲身的工作经验所总结出的体系         03\十几个原创高保真原型案例   当别的设计师都在做各种静态的Mockup,各种静态的设计稿,而你将设计稿做成可以直接在手机上展示的APP,那你可能就比另一些人更容易获得赞同和支持。静电在《不一样的UI设计师》中,为大家带来了新锐高保真原型设计工具Flinto的十几个原创实例,可别小看这个绝密武器。因为经过静电的亲身验证,Flinto现在已经足够足够的好用。   当然,在研究这些之前,我们需要了解动效的原理,让静电来教你一步步的了解如何解读网络中眼花缭乱的动效曲线吧。简单易学,一看就会哈。   … 继续阅读

IOS 10 VS 11:一份全面深入的UI对比分析报告

WWDC 2017 Keynote 结束没几天,相信很多对 UI 设计有兴趣的朋友应该很好奇 iOS 11 详细的设计变动有哪些,但是自己的手机又不方便装开发者版本,所以就让我替各位踩雷吧。 两个版本分别是 iOS 10.3,以及 iOS 11 beta 1,而由于后者尚未正式推出,因此某些设计有问题的地方,Apple 可能会在后续版本变动或修正,不过整体来说应该不会有大改变了。

ColorSupply:扁平化UI设计配色方案推荐

如何挑选颜色一直困扰着很多UI设计师,特别是对于新手来说,配色是一个很困难的问题,那怎么办?答案就是——直接用大神的配色。 ColorSupply 收集了来自世界各地设计师的色彩搭配方案,不仅如此,它还按照五大配色方案来分类,这样更加方便设计师们选择颜色了!同时这些配色非常适合扁平化设计使用,比如图标或者矢量插画。

给新人的设计资源私藏网站推荐

很多人不善于整理自己的网站资源,没有系统的分门别类,都是一些零散的收藏,在用的时候找起来很麻烦。虽然有很多优秀的设计导航已经帮助大家分好类别,比如优设网的导航分类,但我觉得还是自己总结出来的更加适合自己,那今天就来分享一下我是如何来将这些设计网站来进行分类整理的(场景可能不全,大家自行补充)。

一个超酷计算器设计(Calculator 2.0)

这是一款超酷计算器作品,设计由产品设计师 Nikhil Kapoor 负责,拥有非常时尚的外观以及金属黑与金属白二款风格,第一眼就能让人喜欢。 这台计算器的二款风格都是单色为主,另外有个共享的特色,设计师把视觉焦点放在「等于号」上,而且非常醒目。删除键的设计则是以触摸屏的形式。

交互设计师常用的14款工具推荐

正所谓工欲善其事,必先利其器。想要成为一个优秀的设计师,工具的使用也是至关重要的一个因素。那么今天笔者就为大家带来交互设计师需要用到的工具清单。

微信官方发布的微信应用号(小程序)设计规范

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的,旨在微信生态类建立有号、高效、一致的用户体验的同时,最大程度顺应和支持各业务需求设计,实现用户与程序的共赢。

设计师必看的8个TED 演讲

本文的课程简介摘自:网易公开课 TED是Technology、Entertainment、Design(科技、娱乐、设计)的缩写,它本身是一场论坛性质的民间会议。 从大学时代就喜欢看网易公开课, 特别是TED这个版面的演讲, 演讲时间都控制在18分钟以内

这些工具你会用吗?常见设计工具视频教程集锦

在产品开发过程中,最常用的展现构思的方式一般来说是纸笔原型,最简单也最迅速,寥寥一画,一个大致的线框图就呈现出来了。但是如果想要把线框图表现得更完美,你还是有很多工作要做哒~YouTube上一位大牛在他的视频里展示了一套完整网络邮件服务的纸质原型线框图。

2017年不容错过的最佳UX设计工具及教程资源整理

作为设计达人的你,目前正在用哪些设计工具来工作呢?如果非要做选择的话,你认为它们中,哪些是最适用于做原型、线框图、信息架构、用户测试或者活动管理的呢?事实上,我们中大多数人,应该是倾向于选择便宜、又不需要进行安装,同时能提供良好用户体验的工具。

设计师必看:8处满足原型设计的矢量图标根据地

做原型设计时,我们往往感觉图标素材不够用,尤其是矢量图标不够。 矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。