站长之家首页 > 交互 > UC8.0最新资讯 > 正文

UC8.0诞生记–应用中心图标设计小教程

2011-09-13 15:23 · 稿源:red.uc.cn

应用的时代到来?毋庸置疑的回答是“Yes!”。无论是PC、Web还是移动终端,都迎来自己“应用化”的春天。当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,“应用化”的道路上出现了大家挚爱的UC嘞,可喜可贺呀!

找好自己的风格!这是我们开始图标设计之前需要想好的。平面的?立体的?写实的?卡通的?等等。这个过程也许很长,也许会很短。灵感这东西很难琢磨。当我们想好大体的形状,我们就可以先动手画几个“模拟”图标,这时候的图标画的不必太过复杂,能有个感觉就好。最后咱们UC选择了较为立体的图标风格来进行设计嘞。

今天咱们一起绘制一个简单的“游戏中心”的图标,跟大家分享一下图标绘制过程的一些方法和心得吧。那我们开始!首先我们先用铅笔啦圆珠笔啥的画个草图,找个自己满意的形,哈哈,就定第二个图的了。(画的很丑——||大家将就瞅瞅!)

Stept1:这就是我们今天要一起绘制的“游戏中心”的图标啦。第一步咱们先把图标“宽衣解带”一下。这个图标主要可以分解为两个部分,一个“外框”和一个“游戏手柄”。

Stept2:先用圆角矩形工具画出两个交叠的圆角立体矩形,这个就是我们外框的基本形了。接下来我们对其进行渐变着色。在圆角处添加高光,使得整个立体图形更加自然圆滑,同时在明暗区分较强颜色区隔处增加1px的高光边线,使得图标更显质感。

Stept3:我们开始绘制暗底区域的高光,这边值得注意的是,我们绘制的高光区域要在暗底选中区域的基础上内收缩1px,使得高光区与暗底间存在明显的间隔,同时为了使绘制的高光区更有色感,我们要进行“二次混合模式叠加”,第一次使用“叠加”的混合模式,第二次则使用“滤色”的混合模式。为了使绘制的高光区更富有质感,我们在原有的高光区基础上,添加1px的高光亮边,这么一来,图标就更晶莹剔透咯。

Stept4:接下来我们开始绘制右下角的蓝色游戏标签。简单的蓝色侧45度渐变便可完成基本型配色,但是为了锦上添花,我们需要在蓝色渐变的基础上加上与高光区同向的高光亮边,绘制方法与之前提到的绘制高光区域的方法一致,同样需要“二次混合模式叠加”。接下来添加“GAME”的文字,效果使用渐变+投影即可,值得注意的是,渐变色区隔不要太大,淡淡的即可,投影选择黑色“正片叠底”,距离1px,大小2px即可。同时在暗底上层加上蓝色的高光,便可给图标带来不一样的剔透质感。

Stept5:绘制完外框,我们开始绘制游戏手柄嘞。先用鼠标绘制一个游戏手柄的外形。添加一个简单的线性渐变。然后在手柄的边界处打上阴影,让手柄立体起来。

Stept6:现在我们开始游戏手柄的左侧操作栏的绘制。为了让其更有“凹凸”感,我们选择在暗色渐变的外侧添加与手柄主体渐变色相反的渐变描边。在暗色方向操作盘上绘制上下左右的方向键,注意,渐变色使用时,与背景色不能过于反差,淡淡的区隔即可。

Stept7:至于右侧的操作按钮与左侧操作盘的绘制方法也有异曲同工之处。先绘制四个“凹槽”,然后在里边放置四个按钮,在按钮的图层属性配置上,可以只用纯色加上”斜面浮雕”效果,简单显示高光即可。然后为你的按钮配上不同的色彩即可完工。值得注意的是,每个按钮的外层可以添加一个颜色属性更深的色值,使得产生更为细致的区隔立体效果。

Stept8:接下来绘制的是手柄的底部操作杆了。这部分的处理我们可以简单想像成一个立体按钮的绘制。概括起来就是“两个图形平移”。即先绘制一个圆形,然后复制一个副本,并将其向上平移,简单吧~操作杆的高光部分,我们同样使用简单的“斜面浮雕”效果即可。手柄的主体基本完成,然后我们添加上一些“附属”小物件,游戏手柄搞定嘞!

Stept9:最后一步就是“打包”啦。我们将游戏手柄装进我们之前绘制好的外框中。这里需要注意的是,需要在外框暗色区域的选区内,在手柄四周打上阴影,拉出手柄与外框的距离,使得整体更有层次感。之后我们只需要再增加一些小光点作为点缀,接着拉个倒影,便大功告成了!

结束语:不知道看了这篇文章是否会对大家的图标设计有所帮助嘞,绘制图标是个细致活,大家平时也多多练习,多多绘制图标,孰能生巧嘛~大家都Fighting!

文章来源:red.uc.cn/?p=568

  • 大家在看
  • 相关推荐
  • 网页设计有哪些技巧,鱼爪设计来助你

    当我们打开一个网页的时候,相信很多人对于这个网页的美观度都会有一个基本的评价,有的网页设计的十分大气,有的网页设计的杂乱无章,同样都是网页,但是带给用户的视觉体验却是大不相同的,一个新奇且具有创意的网页可以让整个网站都散发出一种活力,能吸引用户在网站上花费更多时间去驻足浏览,那么如何才能做好网页设计呢?网页设计有哪些技巧?一、选择合适的配色方案色彩带来的视觉体验是非常直接的,强烈的色彩可以给人的眼球

  • ​凉幂凉皮,凭借品牌形象设计拉进距离感|许可餐饮设计

    疫情期间,全国人民过上了足不出户的居家生活,时间久了难免会出现无聊、烦躁的情绪。为了排遣这些负面情绪,追剧、数瓜子、立扫把、做手工、做料理……只要是可以用来打发时间的活动人们都参与过了,但在众多活动中,最风靡的一项活动还是在家尝试做小吃。那段时间里,朋友圈和微博热搜上充斥着油条、电饭煲蛋糕、凉皮、珍珠奶茶等各种小吃甜点,成功做出一张凉皮也成为了令人羡慕的炫耀资本。只有真正尝试制作过凉皮的人才知道,

  • 华为获得梯形设计的智能扬声器专利

    华为曾于 2020 年 2 月 2 日向世界知识产权组织申请了一款新型扬声器的外观设计专利,并于 4 月 9 日公布。从专利图片上看,这款音箱采用了椭圆形设计,顶部为喇叭,正面有电源开关机、音量上下、蓝牙和一个圆形按钮,推测是为了更换曲目。左侧有用于充电的USB端口和一个microSD卡插槽。

  • 简约至上的产品设计(1)简单的哲学

    “设计”从来都不是一个狭隘的概念,也从来都不是设计师的专属名词。一个产品固然需要专业的设计,但例如我正在写的这篇文章,运营着的微信公众号,或者是我们工作中准备的一次演讲,整理的一个PPT,乃至于我们出门之前的梳妆打扮,等等,难道这就不属于“设计”的范畴了吗?

  • 极简设计如何能与精致生活共存?

    逛博物馆的时候感触最深的就是古人的精细劲儿,富贵闲人的生活充斥着各种美丽的雕花与纹饰,从生活用具到家居装修,华丽肉眼可见。尽管随着经济的发展,我们也与老祖宗一样追求精是极简设计成为了大势。无论是风靡的苹果系列产品,流行的北欧风、MUJI风,亦或是各种高端家用电器,“少即是多”的设计理念越来越深入人心。虽然简洁的设计让人们得以从嘈杂的信息流和浮躁的情绪中获得片刻解脱,但与此相对的是,也产生了一个问题,对

  • 智米3款电器获得2020年红点设计大奖

    近期, 2020 年德国红点设计奖评选结果正式公布。由小米生态链企业智米科技研发设计的智米新风系统、智米加湿器、智米智能暖风机三款产品斩获三项大奖。德国红点设计大奖(Red dot)由德国著名的设计协会Design Zentrum Nordrhein Westfalen设立,是以“工业设计”为评选标准而举办的国际奖项,迄今已有近 50 年的历史,与德国iF、美国IDEA、日本G-Mark并称为世界四大设计奖。今年,共有来自全球 60 个国家,超过6, 500 件产品参?

  • 福特汽车依照中国速度、中国设计、中国智造,加速前行

    时下消费者随着对车的了解,除了油耗这种硬指标,越来越看重配置这些软性指标。福特作为一个老牌的汽车品牌,福特汽车推出的产品总是结合了技术、实用性和经济性,使之成为一种广受欢迎的车型。2018 年,福特汽车宣布了“中国 2025 计划”。该计划包括到 2025 年底,在中国推出超过 50 款新车型,其中包括 8 款全新SUV车型,至少 15 款福特和林肯品牌电动车型;聚焦加速产品本地化进程;快速提升在中国的工程及研发能力;以及进一?

  • 千图网七周年:感谢爱设计的你

    有人说 7 是一个很特别的数字,是一个完美的节点,也是一场全新的起航。7 周年,对于千图网而言注定也是意义非凡的一年,它是一种坚持、一种信念、更是一种对未来的笃定!2013 年 4 月 3 日,国内优秀的“设计&办公”创意服务平台——千图网正式诞生。转眼间,千图网已经七岁了。在过去的七年里,千图网始终秉承着‘做人人用得起的创意版权服务’的发展使命,不断丰富网站正版创意素材,素材涵盖:平面广告、元素背景、创意插画、电?

  • 全国餐饮策划设计专业公司再添新力量!

    北京时间 2020 年 3 月 29 日 12 时 00 分,集美山田组第一分公司揭幕仪式正式开始。集美山田组创始人 吴宗建先生等人共同为集美山田组第一分公司揭幕。这标志着集美山田组拔锚启航,推动服务全国餐企的重要举措,在秉承着为客户做一家旺一家的使命,开启为更多餐企服务的新征程。集美山田组第一分公司揭幕仪式出席本次揭幕仪式的嘉宾有:集美山田组创始人 吴宗建先生、山田集团总经理 吴祖斌先生、集美山田组 常务副总经理 刘津先

  • 骚操作!苹果计划为Mac系列添加FaceID和刘海设计

    继iPhone之后,苹果公司也要给Mac系列电脑加刘海了!据外媒报道,苹果公司计划将iPhone的Face ID面部识别系统引入其Mac系列电脑中,包括笔记本和台式机。

  • iOS 14 代码显示苹果 iPhone 12 或采用无刘海设计

    据 svetapple.sk 报道,有开发者在 iOS 14 的代码中发现一份疑似 iPhone SIM 卡安装指南,指南的示意图显示 iPhone 12 将采用无刘海设计。

  • 苹果向洛杉矶捐赠16万个面罩 由苹果设计和生产

    美国洛杉矶港于当地时间周五宣布,通过捐赠计划,该机构收到了 16 万个苹果公司内部设计和生产的医用面罩。现在,其中 16 万个面罩已经交付给Logistics Victory Los Angeles,这是一家将个人防护设备供应商与需要它们的组织联系起来的机构。

  • Jya两款美学家电荣获2020红点设计大奖

    Jya今年再得佳绩,旗下两款美学家电产品—— 「Jya新光台灯」 「Jya对流电暖器」 斩获 2020 年德国红点设计优胜奖 红点设计大奖(Red dot design award)是由德国著名设计协会Design Zentrum Nordrhein Westfalen于 1955 年创立,借由对产品设计(product design),传达设计(communication design)以及设计概念(design concept)的竞赛,每年吸引了超过 60 个国家, 1 万件作品投稿参赛,有着「设计界的奥斯卡」的美誉。 Jya

  • 打破获奖纪录 华硕荣获26项2020年红点设计大奖

    产品设计奖项数量屡创新高,这是华硕对创新、卓越设计信仰的不懈探索 华硕在产品设计类奖项中赢得了 26 个 2020 年红点奖,打破了一家公司在一届中赢得最高红点奖数量的记录 获奖产品的类别包括笔记本电脑,迷你电脑,显示器,独立显卡,主板,电脑机箱和多款专业游戏产品 由国际顶级设计专家组成的独立评审团,从来自 60 个国家的 6500 个参赛作品中选出优胜获奖作品 2020 年 4 月 6 日,华硕在德国埃森举办的红点大奖上一举斩获

  • 小米智能扬声器曝光!圆形设计具备360度环绕发声?

    ​4 月 8 日,外媒91mobiles爆料称,有新专利信息显示,小米正在打造一款具备 360 度环绕立体声效果的智能音箱产品。同时,它们还公布了小米智能音箱的外观专利图片。

  • 动物之森地图编辑器分享 设计让玩家满意的村庄

    集合啦动物之森是一个经营类的游戏,但同时玩家们自助创造的空间十分巨大,尤其是对于庄园的设计可以有非常多的选择,那么如何设计出完美符合自己需求的村庄呢,这里来分享一个地图编辑器,让你可以更好的设计自己的村庄地图。

  • 为何重启AirPower?苹果正设计疯狂的iPhone 干掉一切接口

    对于苹果来说,其实他们一直都在推动终端产品摆脱线缆的计划,所以明白了这点也就该明白,他们不可能真正意义上放弃AirPower。

  • 特斯拉德国工厂建设再遇麻烦,地基建设将重新设计

    4月10日据electrek报道,特斯拉德国超级工厂将停止建设工作,原因是发现建造工厂地基的土壤是沙质的,现在特斯拉必须想出一种新型地基。据悉在更改地基后,特斯拉还不得不提交新的监管审核,这又将影响到德国工厂的建设工作。在此之前,特斯拉将美国驻派到德国的员工撤回到美国本土,已经一定程度影响到了这座工厂的建设。

  • 吸尘器哪个牌子好?设计完美的高性能吸尘器

    吸尘器品牌虽多,但是提到最知名的那一个,很多人首先会想到的一定是斐纳TOMEFON。作为正在选购吸尘器的你,想必也急于了解斐纳TOMEFON吸尘器的优势究竟有哪些,小编特地为你收集整理了有关内容,来全面解析这个国际性室内净化大品牌。斐纳TOMEFON诞生于欧洲,总部位于德国斯图加特,是全球顶级的室内净化产品制造商。从 1976 年公司创立开始,斐纳TOMEFON就致力于吸尘器等清洁用品的研发与生产,积累下丰富的产品开发经验,多次获

  • Redmi 手环正式发布:众筹价 95 元,一体式设计

    Redmi 手环采用方形彩屏,腕带有黑、蓝、红、棕四色可选,Redmi 手环拥有 14 天续航,最大的设计亮点是采用了快插直充方案,将米粒从手环上拿下来之后,可直接插到 USB-A 口充电。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天