XMYS-UI-022图标设计范例演示与技法.pptx

XMYS-UI-022图标设计范例演示与技法.pptx

  1. 1、本文档共34页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多

课程:项目演示设计技能实训

图标设计范例演示与技法

目录CONTENTS正确的设计游戏按钮图标应用图标的正确方法

PART01应用图标的正确方法·具体流程·界面效果展示

界面效果展示相机图标,这次我们制作一款相机功能性图标,早范APP界面中用户上传美食会使用到的一个主要功能类的图标设计。

具体流程相机图标,这次我们制作一款相机功能性图标,主要通过图层样式,阴影以及浮雕的方式进行制作。

具体流程

具体流程项目演示设计技能实训

具体流程

具体流程

具体流程

具体流程

具体流程

PART02正确的设计游戏按钮图标·基本概括·三种状态·具体流程

基本概括首先,我们清楚,按钮图标一共由2个部分组成,其中之一是文字部分,第二部分是外框部分。而其中我们的按钮分为三种模式,分别是点击之前的默认模式,以及点击模式,还有就是无法点击模式的效果。

三种状态

具体流程文字部分:文字根据不同的内容,选择不同的字体去使用,注意,每一款的字体都是有相应的版权。切勿随意使用有版权的字体,避免版权纠纷。此外,根据需求以及内容的信息,去选择符合需求的字体,字号,颜色,形式。切勿麻木使用同一种字体。

具体流程按钮外框:首先,我们区分暗部与亮部之间的关系,然后进行颜色的确定,在此之后将外框与实心框通过浮雕的形式去制作出来。

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程

具体流程按钮的三种形态:可领取状态,一般用于已经完成的任务,可以点击领取礼品,因此饱和度很高,颜色上的对比会减弱,给人一种想要去点击的欲望。

具体流程默认状态,简而言之就是图标默认的状态,是为了跟其他2种状态进行区分。

具体流程失效状态,一般我们会在已经消失的历史列表中看到,一般用于过期的任务,因此整体颜色灰掉。给人一种消逝,石化封印的感觉。

具体流程

具体流程

THANKYOU

文档评论(0)

方世玉 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:6101050130000123

1亿VIP精品文档

相关文档