童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

界面设计:为什么你的图标总是缺了点意思?

3月23日 不星湖投稿
  图标设计,找到合适的参考十分关键。不要拘泥于当前的任务的状态,过于拘束于同类产品的设计风格,寻找更多优秀的图标参考,从中汲取一些合适的元素以及创作灵感,或许你的设计就能更上一层楼。
  我们之前一直讲的都是理论篇,今天来一个关于界面底部图标的实战总结吧,故事的开始是我们去年年末的时候做的界面练习,我们要完成漫画类APP的首页界面设计,仅仅是由7个模块组成的首页设计,我足足花了将近两个月才做出来一个半成品(想哭一会o()o)。我们今天就好好说一下我历时两周,做了四稿才完成的底部图标吧。
  做图标的时候整个过程大概分为以下几个阶段:
  收到任务
  找参考
  根据参考执行
  被驳回陷入沉思
  再次执行
  一、收到任务
  我们每天在工作中都会收到不同的设计任务,作为正在成长的设计师,顺利完成这些任务是我们最基本的能力,所以主角登场啦!噔噔噔噔先做一套漫画类的底部图标,师傅觉得ok才可以!当时的我觉得很简单(toonaive),下载了一些漫画类的APP,认真的构思中。
  二、找参考
  下载到的漫画APP这个时候发挥了作用,我在找了很多参考,先看看别人是怎么做的,给你们先展示一下,如下图:
  根据参考执行有了这么多参考的我无疑是很自信的,觉得自己肯定会做的很好,先给你们看一下我第一稿和第三稿(第二稿我没找着,跟第一稿只有颜色差别)
  第一稿:
  第一稿是我直接找的某一个APP的底部图标抄的,只改动了一点点,被驳回的理由是因为外形太常见了,不够特别也不够有趣,我相信应该很多刚入门的设计师应该也会跟我一样吧,很懒的同时还不会找参考,全世界那么多参考,偏偏我就能看中最丑那一堆(也可能只有我自己是这样)。
  第三稿:
  然后我就改变了方向也吸取了上一次的教训,找一些外形比较特别,并且把有趣的点定在点击前后图标会有变化的。这个时候的参考已经没有局限在漫画类的APP上了,我把手机上所有看着外形比较特别的APP的底部icon都找了一遍,没有的就去花瓣找,给你们看一下我的参考:
  虽然还是没过,没过的原因是不够有趣,当时觉得简直是要被逼死了,要多有趣啊,我的天哪!不过现在回头来看,可能是因为外形不够出彩同时没什么特点,第三稿的图标与市面上的并没有让人记住的点,同时也不适合用在漫画类的APP上。
  不过当时我的思路不对,思路已经陷入了”有趣”的图标里面,没整明白就去追波找有趣的图标寻找灵感了。大家应该都有过这样的经历吧,被驳回的设计因为别人说的点,然后针对某个点来修改,但往往越改越找不到感觉,于是我要给你们看我当时信心满满的第四稿啦!
  第四稿:
  是不是很有趣的,滑板车都出来了,我当时画图标的时候思维限死在了有趣这个点上了,画完我还挺满意的。
  以下是我的参考:
  这一稿自然也是没有过,因为细节太多了,老实说我那时的内心就是呐喊的土拨鼠。想要创新要特别同时还要有趣,真的好难啊,画个图标不应该这么难啊,也许真的是我的思路和方法有问题。
  三、被驳回陷入沉思
  正好这时候师傅让我尝试面性图标,因为面性的图标比较好丰富细节,并且能够发挥的修饰程度比较广泛,比较适合目前陷入瓶颈的我。而线性的图标比较具有品牌感,非常好规范并且能够设计出一定的基调,比较考验设计师。
  其他的小伙伴都进入到下一个组件了,就只有我,还卡在底部的图标上,我把所有的小伙伴通过了的图标和参考都拿过来做研究了一下。他们的图标不复杂,但是又都很有看点,并且也不乏有趣。
  很认真的总结了一下,我发现了我的问题在哪里了:外形不够有特征同时细节太多,放在手机上,没有辨识度的同时还会提高用户的理解成本。
  四、再次执行
  满足图标的含义同时减少细节,再结合漫画APP的特点,开始寻找新的图标设计方向,比如:我的图标中有一个社区的图标,参考了很多社区的图标,都没有外观和表现形式上很特别的,然后我看见了ACfun的APP图标,同时想到了社区是个提供很多信息的地方,于是带着两个小包的八卦小图标就诞生啦!
  这是最后通过了的第五稿:
  对我来说,最明显的进步就是:在不断试错的过程中,提高了对参考的审美和筛选,以及在自己产出时加入自己的思考,包括点击前后的趣味变化,保证自己画出来的图标能够与市面上的有所区别(大家不要太在意主题色的问题,因为是我们自己画的原型图,没有品牌基因,所以在刚开始练习的时候颜色是随便定的)。
  五、划重点
  找到好的,以及合适的参考是一件非常重要的事情。不要拘泥于现在当前的任务和状态,尽可能地搜集众多优点的图标参考,参考已有的设计,获取灵感(并不局限在某一类的APP中,也不要过多的参考飞机稿,这个结论适用在任何组件里面)。
  确定图标的样式,既然确认了要做面性的图标,就开始做面性图标的设计思考,必要时借助辅助工具来确保图标的大小视觉一致,以及小细节的设计规范保持统一。
  可能大家会觉得这篇文章说的实操性不是很大,其实我最想表达的是找到好的参考很重要,但是前提在于你有一双发现好参考的眼睛,而这也是需要练习和试错才会知道什么样的参考和输出才是合适的。
  参考引文《品牌基因法做图标实战篇》
投诉 评论 转载

如何从交互设计角度,进行设计改版?今天跟大家分享一下如何从交互设计的角度,进行设计改版。enjoy作为一枚工作6年有余的老交互,笔者有幸经历、参与过3次比较大型的设计改版:网易新闻5。0改版、宜人贷理财a……深度解读“超宽一体屏”体验设计八大原则(三)在上一篇深度解读“超宽一体屏”体验设计八大原则(二)的文章中,我们探讨了在超宽一体屏应用后,用户的注意力管理原则,从设计与体验等多维角度上思考如何最大程度的改善用户在驾驶过程中……分享中间页如何设计,才能获取更多新用户?本文分析了几款经典的中间页设计布局,并通过相关数据反馈总结了一些设计中需要注意的问题,目的是探讨如何获取更多的新用户。在增长黑客概念异常火爆的现在,更多人开始研究和改善能……MVP与商业化的探索最小可行性产品法的三个要点:MVP的核心是聚焦;反馈机制检验MVP的价值点;后续跟进。先带着大家思考几个生活化的问题:1。小区旁的一个店面反复装修转让多次,这个店面……做了那么多调研,为什么还是做不好产品?我们极端的依赖数据分析和市场调研,但却又经常在调研中迷失。而偏见,往往是产品调研失效的根本原因。言人所未言,见人所未见。真正想要从零开始把一个产品做出来,做好做强,……短视频产品的设计形态和商业模式大部分C端工具类产品不具有强大的变现能力,因为作为一个C端工具类产品,变现模式一般分为两种,一种是会员模式;另一种是广告模式。会员模式会员模式需要有领先其他同类竞品……软件开发:敏捷开发模式,无论是产品还是运营都要懂本文笔者将从软件工程的角度来聊一聊敏捷开发模式,会涉及瀑布,V字、RUP、迭代、螺旋等开发模型,同时重点分享下敏捷模式的核心思想。文章分两部分:通过举例和对标其他行……深度解读“超宽一体屏”体验设计八大原则(二)文章通过对驾驶过程注意力的问题展开分析,基于全新的超宽显示屏应用后,如何进行系统的人机体验设计进行探索,期望通过,驾舱体验研究团队的成果为行业的发展建言献策,也激发大家的深度思……10分钟带你看懂支付宝的交互设计(二)本文是《10分钟带你看懂支付宝的交互设计》系列的第二篇。本文主要从支付宝的底部导航栏中的“财富”、“朋友”、“我的”三个部分,为大家分析支付宝页面中的交互设计。上篇文章中……关于社交产品,我眼中最理想的样子(二)“社交”是个绝不会冷场的这个话题,提及社交产品、社交需求,每个人似乎都有话要说。社交离我们太近了,每个人的心目中应该都有一副理想社交产品画像。导读:简单介绍“寻”的……界面设计:为什么你的图标总是缺了点意思?图标设计,找到合适的参考十分关键。不要拘泥于当前的任务的状态,过于拘束于同类产品的设计风格,寻找更多优秀的图标参考,从中汲取一些合适的元素以及创作灵感,或许你的设计就能更上一层……如何利用数据思维,提升增值服务销量?增值服务指根据客户需要,为客户提供的超出常规服务范围的服务,或者采用超出常规的服务方法提供的服务,目的是提升客户体验,增强产品竞争力。什么是增值服务?增值服务是一种……
随时随地设计原型:4款iPad原型绘制应用增强应用“可用性”的10条设计原则互联网用户常见心理特征凌乱中的艺术草图原型实战技巧选择合适创意的设计原则化繁为简设计之美固定浮窗在设计中的使用从生活细节归纳用户体验设计原则拍卖出价流程浮窗设计小结修改密码的那点事儿B2C站内搜索初探排序和内容呈现从绘画看设计“层”的概念

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界