首页

软件界面设计守则之易用性的详细规范

ui设计分享达人

软件界面设计在现在的互联网时代越来越火,想必做设计的也都知道,它也是要遵循一定的设计守则,其中易用性就是软件界面设计中的守则之一。但仅仅知道这一点还是不够的,因为易用性的背后还有很多的一些小细则,今天我们就来对这些小的细则进行统计分享。

软件界面设计之交互设计的5大要素

ui设计分享达人

在软件界面设计过程中,交互设计也起着至关重要的作用,那么交互设计都有哪五大要素呢?

①  为目标群设计(Goal-driven Design):为你的目标用户群做设计。像调研或者访谈形式的用户研究,能帮助你塑造目标用户群的人物特征。这可以让你为用户目标定制app的工作流程,以满足他们的需求。

详解软件界面设计的五步法。

ui设计分享达人

软件界面设计不同于其他设计,它的科学元素居多,软件界面设计其实是一个非常科学的推导公式,它既需要一个设计师美工绘画能力的要求,又需要对艺术的理解感悟。所以在整个设计过程中需要好多工作的每一步。一个通用消费类软件界面的设计大体可分为五个步骤:需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段。

UI设计!9个你应该知道的Sketch实用技巧

ui设计分享达人

很多刚接触Sketch 的同学惊叹它的好用强大,不过它还有很多鲜为人知的实用功能,今天我们将一一为你说明这些特别好用的技巧,帮你加快设计流程 >>>


等一等,什么是 Sketch?


至去年 Sketch 第2版新舔的颜色设定后,越来越多的设计师已经切换用 Sketch 了。它的简单的界面和性能使它比 Photoshop 更好用(不要忘了,Photoshop 最初是专为编辑和处理图像以设计的),而其绘图工具也很适用在向量图形(vector) 上。Sketch 不是位图影像(bitmap) 编辑工具。它配备了一个像素(pixel) 预览,让你更容易设计界面和图标。

软件界面设计必备的色彩搭配技巧

ui设计分享达人

无论是软件界面设计还是平常的平面设计,亦或者宣传页、手机APP界面的设计,都离不开色彩的搭配,由此可见,色彩搭配工作在设计过程中的重要性。今天就以软件界面设计为例来分享一下在具体设计过程中的要把握好的一些色彩搭配技巧。

技巧第一点:颜色使用最好不要超过三种。经常在网上看到有很多的大神都在说在设计工作中,配色最好不要超过三种颜色。如果设计的界面颜色太多了,难免会给人一种界面很乱的感觉,界面设计很重要的一点就是最终的结果要给人一种良好的体验,如果界面太乱,用户体验也就无从谈起了。因此,在用色时,颜色越少越好,但要保证正确的传达出需要表现的功能和元素为前提。在我们每添加一种颜色的时候都需要好好的考虑一下,有没有必要。因为再复杂的设计,也不会多个三种主色彩。

UI设计中的阴影与层次!

ui设计分享达人

随着大家对于扁平化设计的反思和优化,近两年的整个设计风向显得理智而合理了许多。更加平衡而合乎情理的新的扁平化设计诞生了。这个新的方案得到了绝大多数的设计师的认可,这种“近乎扁平”的设计更多被大家称为“扁平化设计2.0”。扁平化2.0 整体上依然是扁平的,但是其中的诸多设计元素沿用了微妙的阴影、高光和层级来打造有深度的UI。

01.webp.jpg

UI设计在中国的现状如何?

ui设计分享达人

目前在国内UI还是一个相对陌生的词,即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。



设计师打死都要收藏的7种移动端UI设计风格

ui设计分享达人

如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,行成自己的设计风格,甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢?

一、唯一主色调 | Simple color schemes

为什么我们要定义一个界面多种颜色?仅仅用一个主色调,是不是就能够很好的表达界面层次、重要信息,并且能展现良好的视觉效果?事实上也正是如此,随着iOS7的发布,我们看到越来越多唯一主色调风格的设计,会采用简单的色阶,配套灰阶来展现信息层次,但是绝不采用更多的颜色。

01.webp.jpg

不重视微交互的UI设计不是好设计…

ui设计分享达人

UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们来聊聊这个~


呈现系统状态


        对于UI的状态设计,“系统应当始终通过合理的反馈告知用户当前正在发生的事情,所处的状态。”这也就意味着界面需要通过反馈让用户明白发生了什么,而无需用户猜测。而带有动效的微交互正是以提供视觉反馈而闻名。

UI设计师应该如何描述设计风格

ui设计分享达人

很多时候视觉设计师会纠结于文字对齐、线条、高斯模糊等视觉表现,甚至沉醉于 icon 的转角角度。面对于需求方或工程师的质疑只能说「这样更好看、这样更合适」之类的话,这些理由在以显性数字指标为衡量标准的团队中则显得苍白无力。

 

坦白讲,想要讲清楚这些的确是一件不容易的事情。今天在大多数互联网公司,设计师不需要搞艺术,需要的是解决问题,而纯粹的从感性角度出发很难证明它能解决问题。随着移动端对于视觉表现力要求的降低,视觉设计师需要更加理性的分析问题,而视觉表现只是解决问题的一种手段。这种环境的变化也势必要求视觉设计师主动进化,而对于那些还在以视觉表现力谋生的设计师处境将会变得越来越难。这也是为什么我在周刊中总是不断强调设计思路的原因。

日历

链接

个人资料

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

存档