标签归档:UI设计

在这些因素的制约之下,才能选取出科学的配色方案

Tubik Studio :我们的日常生活中总是面临着无尽的选择,大量的挑战。设计的决策也是如此,一个正确的决策会受到很多不同因素的影响,经验,知识,事实依据,还有别人的建议等等。在进行UI设计的时候,配色方案的选取是需要通过合理的决策来判断的,是使用深色系的配色比较好,还是浅色系的配色合适?

图标设计so easy!史上最全UI设计图标解析

UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。 什么是图标? 图标正确打开方式是这样的! ico图标其实是icon file的缩写形式,它是基于windows而开发的一个图形格式,大多用于电脑,手机或其它设备中为各种文件,应用程序或快捷方式设置的一种图形标志。想必大家看完以后会对什么ico图标有一个初步的印象了。那么我们再来看看图标的一些分类,各有什么区别特点?

用户最讨厌的3种界面交互设计

注意:本文中提到的设计方法在不同设计场景带来的效果是不一样的,并不能说是好的或不好的。 这意味着,如果你正确执行,它们都具有很大的潜力。   1. 弹窗 也许你有过这种经历。你打开一个新的网页,阅读里面的内容,当你看到一半的时候,突然间弹出一个巨大的覆盖区,要求你填写个人电子邮件地址。在大多数情况下,你的即时反应将是关闭覆盖层,或者关闭整个页面。

2017 年需要警惕的设计趋势

译者按:本文是源自 Medium上的一篇爆款设计文章(获得了 12.6K 的赞),UI/UX 设计师 – Eleana Gkogka 在文章中,分享了 3 个值得我们警惕的设计趋势,并给出了具体的解决方式。同时,她也告诫我们,不要以牺牲用户体验为代价来追逐设计趋势。来 Enjoy 吧!

如何更加科学地提高文本可读性?

饿了么UED-伞哥:在日常的UI设计工作中,文本作为最重要的信息载体之一,其能否被用户清晰识别显得尤为重要。新手设计师在选择字体颜色时往往找不到依据、不够自信。本文旨在分析目前在这方面比较科学的做法,剖其缘由,希望能够抛砖引玉,给大家带来新的思路与思考。

全面剖析UI设计学习大方向

Hi,大家好!鲲鹏,现在UI设计行业吸引了很多童鞋纷纷进军UI,最近很多童鞋说新手学习UI真的是很困难,请我帮助分享一些经验,也理不清楚头绪,所以现在就特意来给大家做一个分享,也希望能够帮助到咱们学UI的童鞋! 学UI能够掌握到我接下来分享的这几个点的话,你就有一个大概的思路和方向了。

网易资深视觉设计师:详解APP设计中的微妙细节

随着移动优先的趋势,APP的设计也越来越受到公司重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。

揭秘《不一样的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现在已经足够足够的好用。   当然,在研究这些之前,我们需要了解动效的原理,让静电来教你一步步的了解如何解读网络中眼花缭乱的动效曲线吧。简单易学,一看就会哈。   … 继续阅读

空心图标是否比实心图标难以识别?

在 UI设计中,空心图标和实心图标应该在什么场景下使用?有人说,空心图标在视觉上比实心图标看起来更复杂,实心图标比空心图标识别度更高。 对此,设计师们各抒己见,一部分人表示赞同,认为空心图标使用线形描绘,相对实心图标更难识别,但能给人轻松、精致的感觉。而另一种观点认为,图标识别度的高低并不取决于实心空心,而是取决于图形、颜色等其他因素。

UI设计中的文字

文字是UI设计中一个重要的组成元素,文字使用的好坏会极大影响产品的用户体验。想象一下用户打开你的app,发现界面中的文字都是同一个字体,同样大的字号,连颜色都是一样的。这样的文字搭配用户读起来会很累,费时费力。用不了多久他们就可能会卸载你的产品,转而使用另一个界面设计更加友好,文字搭配更加合理的产app。

UI设计中插画那些事

在互联网产品刚刚兴起的阶段,app设计非常简陋甚至直接就是网页端的另一种打开方式,用户对app的期望也不高,只需要看懂即可。但是随着手机与人们生活联系日益紧密,如今我们清晨醒来,做的第一件事情就是打开手机,或是晚上让手机伴我们入眠。手机不仅仅是工具,它开始变成了我们身体的一部分,或者说是身体的延伸。

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

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

干货!UI初学者如何避免入坑

UI设计涉及的内容非常广泛,包括PC端界面设计,移动端APP界面设计,甚至游戏,原画等。对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,我们如何一步步将这些学好今天我将给大家一一指出。

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

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

5个实战经验,带设计新手走出迷茫期

其实菜心和大家一样都经历过阶段性迷茫,但我可以把自己经历的一些浅薄经验分享给大家,希望能有所启发。 经历的过程如下: 想学的太多 学会放弃 找好定位 不断细分 坚持与突破 回报会有的