青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113115166683288 
知识普及 » 巧妙性设计之UI按钮设计方法论(一)

巧妙性设计之UI按钮设计方法论(一)

网页设计师 2020-08-12 13:19发表
阅读次数 5014
  作为一篇关于设计经验分享的博文,我只有靠自己浅薄的经验写出自己个人的看法,关于界面视觉设计,要分类的话能分得很细,所以能写的就很多,所以我打算先从局部来谈谈我总结的一些设计方法。

  经常有同学问我一些关于按钮设计的问题,怎么样做些漂亮又特别的按钮,我常常会告诉他们怎么画按钮的技法。但是我觉得一个设计师的成长都离不开自己对设计方法的总结。画按钮的技法在网上能找到很多,但是很少有人讲按钮设计的方法论,所以今天我把自己总结的按钮设计的方法和大家一起分享。(既然是按钮设计的方法分享,所以我在画案例的时候略显粗糙了,还请大家多多包含)

  一个漂亮的按钮,我们要看他的表现方式、形态、质感是否符合整个界面所要传达的整体风格是值得每一个设计师去重视的。随着网络媒体的发展。各行各业都在网络媒体上来展示自己,也相继出现了许多行业界面,那么这些界面的设计风格肯定不会千篇一律,那么涉及到的按钮设计也是各有风格的。

  “艺术来源于模仿”,“设计来源于生活”。这两句话对我在学设计的时候起到很大的作用,我在画按钮的时候主要从生活中发现自己需要的元素。下面我就举例来谈谈我的方法。

  首先,我们知道按钮在效果表现上很大一部分我们是从质感的表现上来识别的,比如我们最常见VISTA风格的按钮就是从玻璃质感上变现。大家可以看我找的玻璃瓶素材,很明显就能看出玻璃瓶的高光、反光和投影。我们在变现按钮质感的时候也多是从这三方面出发。

  这里我做了一个实例分析

  玻璃瓶素材

  A按钮我是完全按照玻璃瓶质感的方式来画的;

  B按钮是我经过我对光规律的观察而总结出的自己想要表现方式的一种艺术处理。主要是为了说明我们在进行参照质感进行按钮设计的时候要考虑自己需要的艺术效果进行适当的艺术处理。这样也便于界面制作人员的制作。

  下面一种是我们经常所见的苹果风格的按钮设计,这种风格的按钮也是我们在生活中经常能见到的,键盘手机就经常采用这种设计方式,但是随着触摸屏手持设备的普遍,绝大数的键盘界面都采用模仿原来手机实物键盘的设计方式,这样是为了让用户对界面产生亲切感,同时这样的设计也看起来更加简洁美观。

  键盘素材

  C按钮是我参照键盘的质感做的样稿,

  D按钮是我选择了同一色相不同明度和纯度所做的按钮,之所以列举这个列子,是为了说明我们在做这种风格的按钮设计的时候,一定要把握住一个很重要的问题,那就是一定是在同一种色相中拉渐变,这样的按钮效果才自然,当然除了设计师追求一些不一样的效果。

巧妙性设计之UI按钮设计方法论(一)相关标签:制作网站开发网站网站建造网站建造
相关热点推荐
建网站的一些原则
行业网站的设计心得
赏析优秀专业网站学习网
论坛如何推广
全局于网站整体的网页设
做优化犹如做体操 平衡
HTML5的发展趋势与
百度《站点子链》工具开
网站建设目标分析 如何
网站推广技巧之搜索引擎
web方向用户体验之让
产品设计的模糊前期
企业建网站的风格
企业自助建站的利与弊
网站基础优化首先学会s
如何提高网站转换率的设
网站设计中的面包屑
网页设计配色应用——色
网站LOGO设计规范的
隐藏所有站长统计系统网
软件界面设计要素——视
中小企业网站建设
产品设计师的提升第一篇
检测网络嗅探的方法
基于关键词的网页权重方
网站备案
网络分析的前置知识(一
界面设计是应该本地化还
青岛做网站多少钱
如何批量消除链接虚线框
G20会议,参会国家的
网站建设之网站策划
和马云学习如何做网站推
瞬间的快感之细节提升用
设计一个单屏网站需要注
聊聊app前端开发过程
企业如何发展网站
谈品牌因素对SEO的影
如何进行数据可视化设计
如何恢复百度权重(最新
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 18562723728
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
211个月 21