• Welcome to Journal web site.

我是 UI设计师

让设计传递下去

没有了
Prev

UI设计交流会议笔记-02

Data: 2014-03-31 22:04:48Form: JournalClick: 627

本文上半部分:UI设计交流会议笔记-01


主题:button&form

UI设计中最最常用的元素:button 按钮和表单

按钮 

渐变型的,纯色型的,图片型的
1.按钮现在不单单只用在登录界面或者注册界面。一个好的按钮是激发用户点击欲望的根本,因为我们平时最常用的就是鼠标(因为按钮是引导用户去进行操作从而让业务顺利进行的关键),一个漂亮的有设计感的按钮,会让我们忍不住想按下去。

2.按钮随着科技互联网的发展也不断的变化,从当年我们看到各种渐变、粗边框,到现在的简洁大方,说明在设计中越来越重视交互和体验,所以按钮起着非常重要的作用。

按钮 

 按钮

3.不管是网页中,还是我们现在的移动设备应用中,按钮都会有很突出的体现。
4.按钮其实是分为4个层次的即:默认、划过、点击、点击后,但最早的时候,大部分我们会忽略其中两种,只留下默认和点击。

5.现在我们看到越来越多的网页,不单只在表单里体现按钮,也在导航里、切换里都有所体现了,或是日历控件中,小方格型的,或者音乐播放器,登录表单,以及我们手机里可以选择的和点击的各种形态-页面类的按钮形态。

按钮

按钮

按钮

按钮

表单

1.表单和按钮,他们是一个完美的组合,有表单必定会有按钮的存在。(有按钮不一定有表单)
   很久以前,我们不重视这些,都会用系统默认的样式,比如比较丑陋的windows xp,我们应该都可以回忆起当时用的一些默认的表单样式和按钮。有了现在更先进的技术,以及我们更高的审美,把各色各样的表单按钮体现 出来,并应用于实际。

按钮

 按钮

例子分析:

·按钮不单单会在表单的最下方,你可以把它摆放在任何位置,但前提是,要让人能看懂、能找到。

按钮
·在之前表单其实只有两种,也是默认和光标定位进去的时候,但在很早以前我们一般情况下只会默认的,并不注重光标定位,因为加这样一个设计图标效果是需要开发人员浪费一些代码的。
例如:
按钮

这个就属于光标定位的状态,有效的指示了用户在当前输入框里的位置,这种方法也是比较有用的,第一是美观体验好,然后是如果一个注册组合,框框太多的话就容易混乱。

按钮

表单与按钮必须考虑搭配问题!也有的按钮会更注重视觉上的突出性和使用性,会忽略视觉上的美观。

问题交流
提问:很多电商网页的按钮设计缺乏美观但是会第一眼就抓住你的视点,按钮这个东西看放在哪里和用处所在。
回答:引导性操作,用一些显眼的颜色来吸引用户,引导他们操作
鲜明的对比
按钮
Name:
<提交>