哈尔滨平面设计培训机构

全国24小时服务热线:

17757188259

用户界面设计不可忽视的十大原则

发布时间:2020-07-31 08:40:00

随着高科技的飞速发展,你只需要花一小部分时间设计盘带功就可以理解它们,你有上千种方法来创建一个按钮。这些方法很多都是完全相同的,但偶尔也有一些奇怪的方法需要更多的关注和理解它们的产生。有了新的和精彩的CSS3功能,我们可以创造一些令人惊讶的优雅和时尚的按钮样式,这对老式浏览器来说已经足够了。您可能想要创建自己的CSS按钮,或者您可能喜欢布局工具的搭配,但是在web页面上下文中仔细考虑按钮设计是很重要的。我们可以简单地实现一个预先设计好的用户界面元素,该网站有很多免费的共享PSD文件,所有这些都太简单了(毫无疑问包括苹果启发的按钮)。但为什么不花点时间考虑一下这个按钮样式是否适合您的设计环境,以及是否有更多的空间来创建新的东西呢?使用其他人的按钮是好的,它可以节省时间,但你是否花了一点时间来理解和编写你的设计(或其他人的)更详细的按钮:它们是如何设计的?它们适合你的界面/背景/品牌吗?有空间创造出独到的东西吗?我的纽扣很显眼?我需要主、次和三级按钮吗?他们看起来很不一样,对彼此来说还不够吗?它们看起来很光滑?!我们为什么不这样做呢?我们都想设计酷的东西,好吧。以下是快速而简单地设计UI按钮的十条原则。我一直想成为一名UI设计师。我不想分享一些简单的设计思想,如何在PS图像处理软件中使用层。我认为一般的设计原则可以使你的按钮和其他用户界面的优化设计更进一步。

重要的是你的按钮要与页面的上下文相匹配。这可能意味着符合网站的整体风格,从某种形式的品牌指南或标志图形到其他方式,可能有一些突出的形状,你可以选择纹理或设计风格,你需要。也许一个标志有一个圆形的方面,你可以拿起你的按钮或其他潜在的形状进行比较。如果接口主要使用平面颜色。如果你能利用这个机会,通过界面,使用适当的形状,实验效果,颜色或其他形式的装饰来扩展品牌

使用Photoshop打开PSD用户界面元素,可以轻松实现渐变、阴影、斜角等效果。但它是否是正确的选择,不仅符合网站的品牌,而且是整个界面中的一个按钮。可能是需要移动的应用程序。所以你需要在网站上做一些不同的事情来回应你的按钮或动作。

苹果IOS给我们的界面设计带来了很多灵感,特别是现在用户界面中有很多PSD元素。我们可以在用户界面上使用一些小按钮和其他元素来发挥它们潜在的重要功能。你可以尝试使用不同的颜色,字体大小,空格等,以确保你的按钮脱颖而出,并显示出厚厚的界面视觉重量。

根据上面的描述,如果设计区域中有UI元素,请考虑使用fillet按钮或其他稍有更改的形状。这将创建一个对比,以确保您对下面的重要操作做出响应,同时突出显示这些按钮的值。

如果你想成为一个受IOS启发的设计师或PSD用户界面元素,你的用户界面元素将主要是圆角矩形。例如,选择菜单、分段控件和自定义菜单可能都具有相同的圆角形状,但使用较少的阴影、边框、圆锥体、渐变或其他影响有助于减少它们的丰富性,从而提升按钮样式。

我们可以看到按钮与网站界面形成某种边界。一般来说,如果您的按钮是较暗的背景,它使用较暗的通用按钮颜色。如果你坚持使用它之前和黑暗的背景,你会发现,在前一个背景,它可以使按钮边缘有点脏,而在后一个背景,它可以使你的按钮非常受欢迎。我认为这是一个处理网页设计边界的一般设计原则。

如果元素使用比其背景更暗的阴影,则应该更精细。类似于配色边界,我认为这是一个通用的原则,适用于所有用户界面元素的设计。

当用户单击时,一些小细节(如箭头)可以对某些操作给出一个小提示。例如,指向按钮文本右侧的箭头可能会给用户一些移动或离开页面的提示。向下箭头可能表示某些内容将逐渐公开,或者某种菜单将发布更多内容。

如果你在设计一个界面,它有很多动作和功能,表明它需要建立一些视觉语言。考虑保留强大和大胆的颜色作为您的主要按钮颜色。然后,可以通过逐渐减少颜色、阴影、尺寸、空格和虚线文本大小和级别来区分许多按钮的视觉权重。

在设计过程的后,您需要确保您的按钮设计快速地向上下文中的用户提供足够的反馈。在现实**中,用户通过按钮的各种状态来使用它们,这是用户使用按钮工作的心理模型。阴影、边框和渐变可以给用户一些简单的反馈

作为一个网页设计师,使用或依赖预先设计好的样式和UI元素是没有坏处的,它们显然可以节省很多时间。其中一些预先设计好的UI元素可能是细致的,这正是您想要的,而且是免费的。然而,我不认为对设计过程和过程的深入理解会阻止你去创造和你要去的地方。