UI界面设计技巧有哪些?

UI界面设计技巧有哪些?,第1张

①控件的位置拖放安排。

在绝大多数的程序界面设计中,并不是所有的元素都具有相同的重要性,所以应抓住重点,将较重要的元素定位在一日了然的位置。

重要的和需要经常访问的元素应当处于显著的位置,次要的元素则应当处于腔轿次要的位置。习惯的阅读顺序一般是从左到右,从上到下。

控件和元素适当分组也是非常重要的,可以尝试根据“功能”和“关系”来组成一个逻辑信息组。根据控件的功能或关系,将它们放在不同的屏幕区域,在视觉效果上也要比将它们分散在屏幕的各处要好得多。

②控件的大小与一致性编排。

控件的大小设置是设计时经常遇到的问题,虽然 *** 作非常简单,但在决定控件大小时却很让人头疼。

在控件中使用相同的颜色作为背景色,如果没有特别需要,尽量不使用鲜艳的颜色。如果两种控件选择了不同的伍稿肆颜色和显示效果,那么应用程序将会显得十分不协调。

所以在确定设计思路时,一定要坚敬滑持用同一种风格贯穿整个应用程序的想法,用这个思路来完成整个程序的设计。

③合理利用空间、保持界面的简洁。

在界面的空间使用上,应当形成一种简洁明了的布局。在用户界面中合理使用窗体控件及其四周的空白区域有助于突出元素和改善可用性。

在设计中需要留出一些空白区域来突出设计元素。各控件之间一致的间隔以及垂直与水平方向各元素的对齐也可以使设计更为明了,行列整齐、行距一致的界面安排也会使其容易阅读。

我们在设计UI时,通常是有一些步骤与原则,下面列出了一些常用的设计思路。

1,明确划分与UI相关和与UI无关的部分

根据UI的设计图,首先把界面展现的数据先抽出去,只看UI的表现。

2,划分亏轿屏幕大小,明确出跳转关系

考虑不同APP所对应的屏幕大小及DPI,不同的屏幕与DPI,可能会存在不同的UI布局。

3,列出需要用到的UI元素(Widget)

把界面上展现的UI元素列出来,像常用的button, imagebutton这些很简单,一看就知道,关键是有些UI,可能会涉及到一些自定义的View,这里销瞎肆一定要多考虑。

4,列出哪些UI元素可以用SDK的,哪些则是需要自定义

通常一个项目里面都会有自定义的组件(View),多数是组合控件------把不同的Widget组合成一个Layout。

5,进行内部逻辑和UI界面的整合

通常一个View里面,都会有一些逻辑,特别是自定义的View,可能会封装神和一些特定的属性。

在使用这些View的时候,UI的activity会与这些View有一个逻辑的整合。

界面设计是ui设计师需要重点掌握的一个设计能力,下面我们就通过案例分析来了解一下磨悉链,界面设计技巧包含哪些设计方法。

1、借鉴好的程序

多了解同类软件的界面,并加以分析与了解,直到能够区别好的用户界面与差的用户界面。但不能够机械的模仿别人的界面。

2、功能的统一

有一些很常用的功能,如添加、修改、删除、查看,同一个软件中,这些功能应该有相同的*作方法。举个例陆昌子,几乎我们所有的程序中都有*作员管理这一块功能,但没有一个功能完善统一的模块可供调用,结果虽然程序员间相互复制这个模块,但经过修改后,每个程序的*作管理都不相同。

3、变灰的功瞎孙能

有时有些功能不可用,好不要删除这些按钮若项目,而是使他们变灰为不可用状态,这样有助于用户理解整个程序的功能。

4、默认按钮

使用不具有破坏功能的默认按钮,在每个窗口中,为了方便用户,一般都定义了一个默认按钮,当用户敲回车键时可以快速执行某功能,但有时用户会不小心按错回车键,这时候执行了默认功能后,不能产生不可还原的*作,比如删除或保存。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12354102.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存