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

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

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

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

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

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

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

  这里我做了一个实例分析

  玻璃瓶素材

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

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

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

  键盘素材

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

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

巧妙性设计之UI按钮设计方法论(一)相关标签:网站申请网络公司设计网页网站规划
相关热点推荐
怎么建网站
如何做出创意设计的网站
罕见网站设计心得
什么是CSS+DIV及
大型网站的SEO引爆点
吸引访客,做内容有价值
企业网络营销的成功策略
小心交换友情链接中的陷
企业网站评测标准
网站界面设计:网页的均
如何做好网站的优化SE
网站优化的真谛到底是什
罕见网站设计心得
百度和谷歌收录规则揭密
如何让百度尽快收录新网
用户的浏览习惯与内容的
青岛网站制作如何实现自
青岛网站设计中关于al
社会性书签对SEO的作
如何提高网站的用户体验
细谈网页优化和网站优化
网站建设的四个步骤
网站SEO优化的最新趋
对搜索结果排序的两种算
个性手绘效果在网页设计
网站设计师应该掌握的设
专业设计网站的公司哪里
网站策划书参考
怎样建网站才叫大气
优化策略:网页设计的七
网站制作前的充分准备会
新手创建优秀网站的6个
如何设计网页小广告(b
如何提高网站转换率的设
给带颜色的背景上做黑色
企业网站如何做才算是成
网站建设:网站建设目标
用404页面优化已不存
如何制作友情连接?做友
微型博客,专业领域个人
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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