-
UI 设计|金刚区图标设计
之前有拆解过首页的顶部栏、搜索框,今天接着拆解首页的核心区域-金刚区图标的设计~ 01、什么是金刚区? 金刚区是位于首页核心位置的核心导航区域,金刚区的内容会随着业务目标的调整而发生变化,就像变形金刚一样灵活,因此被称为“金刚区” 金刚区占据首页核心区域,通常位于首屏头部,是各项功能/业务的导航入口,一是能聚合各项重要业务模块,起着导流作用,二是聚合重要功能,方便用户使用与查找。 02、常见金刚区…- 1.5k
- 0
-
B端体验细节(二):通用性图标统一的秘诀
在企业级设计规范建设中,我们会遇到相同功能的操作,不同设计师用了不同的图标按钮去设计,如下所示。这会导致用户在操作时产生疑问,同时会降低用户对产品的信任程度。 如果我们只是告诉产品负责人,我们要统一这些图标按钮,这个操作图标按钮长这样,那个操作图标按钮长那样,产品负责人是很难接受的。一方面,每个人对于同一个图标的理解是不同的;另一方面,如果冒然替换图标,可能会导致用户学习成本上升,引起用户反感。那…- 1.1k
- 0
-
图标设计详解(一):图标初识
图标一直是UI设计中很重要的部分,工作中我们经常需要思考怎么做出好看、差异化的图标。图标为什么这么重要?图标怎么做的好看?怎么针对不同的产品做出图标的差异性?将最近自己研究的关于图标的理解以及工作中遇到的问题思考,梳理输出分享给大家,希望能对大家在工作中遇到的关于图标的问题有所帮助。 01、什么是图标 图标作为一种视觉语言,广义上指具有指代意义的图形符号,具有高浓度并快捷传达信息、便于记忆的特性。…- 1.5k
- 0
-
图标拐角设计的那些事
前面两篇我们了解了图标的尺寸和keyline线,知道了图标的底层规范。这篇开始着重于图标本身,拆解图标设计中那些细节点。 在绘制图标的时候,你是否经常有这样的疑问:图标该用直角还是圆角?多大的圆角度比较合适?本篇从图标的细节处着手,来聊聊图标的拐角那些事。 为了“统一口径”,以48px图标大小为例,示例中提的各种圆角值当然只是建议,并非标准。 图标的拐角分为圆角和非圆角两种,而圆角拐角又分为「直角…- 1.9k
- 0
-
图标设计你需要了解这些!
图标设计在页面设计中被广泛使用,图标设计的好不好、图标应用效果如何,是设计师非常关心的问题。本文作者今天主要分享我在接触图标设计时的一些思考,希望对大家日常工作有所帮助。 本文目录 图标风格汇总 图标设计流程 案例讲解 图标资源输出 01、常见图标风格汇总 线性 面型 线面 1、线性 单色 双色 渐变 不透明度 一笔成形 断点 1.1 单色 单色线性拥有简洁、清晰的特性,在视觉层级上较低,适用于基…- 5.5k
- 0
-
好的手机App启动图标设计应该具备哪些特点?
最近在社群里有位童鞋提出了这样一个疑问,在设计产品图标没有思路怎么办?我们平常的工作大多聚焦在页面上,很少会注意到产品图标的状态,如果有机会能单独做一款App图标,我们需要具备哪些设计思路呢?一起来看看! 1、App图标的功能 图标也就是我们常说的icon,是一种图形化的视觉传达元素。App图标以视觉化的方式在手机屏幕上显示,并引导用户进行操作。 App图标承载着产品传播与推广的功能,是用户与AP…- 3.1k
- 0
-
图标设计应该遵循哪些基本原则?
创建图标时我们会考虑图标的构成、粗细、颜色,会精确到每一个像素,这样能让图标看起来更精致。其实不仅要掌握这些设计技法,更要关注设计的基本原则。掌握图标设计的基本原则,技法才能更好的实施出来。 1、简洁性 图标的设计在满足基本意义表达的基础上,应该尽量简洁明了。好的图标应该简单易懂,不需要额外的文字说明。 过分追求画面美观,可能会造成用户不了解图标所要表达的信息,增大用户错误选择的几率,也增加了开发…- 4.8k
- 0
-
设计思维 | 图标设计知识点Get了吗?
到一个同学,说做了很多稿图标的方案最终还是没有确定下来,但眼看着产品马上就要上线了,该怎么办。”经过一轮沟通,发现他陷入几个新手设计师在画图标比较容易犯的问题:1.面对产品提出的疑问,不知道如何拆解,仅停留在表面的理解,“美”or“丑”,2.思考的方案呈现不够系统,导致多次修改,但也未被采纳,3.对于图标多方案的设计输出缺乏方法,漫无目的的设计方案,4.思考不够发散,存在局限性,不敢大胆突破,5.…- 5.6k
- 0
-
图标设计:APP应用图标的36变
当我们决定要去App Store、Google Play这样的应用市场下载某个APP应用时,首先映入眼帘的便是ICON,即应用图标。一个APP应用图标设计的美感与吸引力,决定了用户对产品的第一映像。一个有吸引力的APP应用图标,可以让用户愿意去了解你,下载你的APP。 通过分析大量的应用图标,结合自己的专业认知,总结了以下设计方法。方法论描述仅代表个人认知经验,设计的方法有很多种,以下仅为抛砖迎玉…- 6.3k
- 0
-
图标设计怎么融入品牌基因?
现在互联网产品同质化越来越严重,所以体现产品的品牌差异化也越来越重要。作为产品中出镜率相当高的图标起着品牌宣传的重要作用。那么问题来了,怎么将品牌元素融入图标中?下面总结了以下几种方式: 1、颜色 颜色是最容易体现品牌感的元素,所以图标经常会结合品牌色来进行设计。如下图所示:多点、酷歌音乐、爱奇艺都使用了品牌色来进行图标设计。 2、使用LOGO作为图标 主页图标经常会使用logo本身来凸显品牌特色…- 5.7k
- 0
-
B端设计指南——图标究竟应该如何设计
目前我主要深耕于B端设计中,深知B端图标设计与C端有很大的不同,无论是应用的场景、设计的理念,都有非常大的差异,而现在网上有不少关于C端图标如何图标绘制的文章,对于B端的方向少之又少,因此我们今天就来聊聊图标,聊聊B端图标究竟应该如何设计。 在我们的设计元素中由 色彩 color、文字 font、图标 icon、图形 shape、空间 space 这五个部分组成,而图标的影响是整个产品的形象与气质…- 5.6k
- 0
-
设计沉思录 | 58同城 10.0 图标设计流程
本次10.0版本升级,我们追求更专业的品牌形象,丰富、高效的内容传递,促进业务品牌之间的融合,向着提升品牌忠诚度的目标靠近。本文为你讲述本次升级的图标设计流程。 01、设计背景 在58同城APP的历代版本中,图标设计一直是图形设计的重点环节,是58同城APP品牌视觉识别的重要组成部分。 自2015年至2019年,图形设计语言经历了三次升级,一直探寻为用户提供耳目一新的体验,积极正向的情感传达。 而…- 6.4k
- 0
-
UI金刚区图标的设计方法
金刚区是一个页面中头部的重要位置,是页面的核心功能区域,表现形式为多行排列的宫格区图标。今天跟大家分享一下金刚区图标的一些设计方法,希望能帮助到大家哦~ 1、什么是金刚区? 金刚区是页面的核心功能区域, 是聚合各类子板块的入口,为各个子版块分发内容。一般位于页面中头部位置,展示样式为多行排列的宫格图标。一般为2-3行,每行4-5个,内容多的时候可左右滑动。 比如饿了么首页banner下的图标、支付…- 21.1k
- 0
-
真正优秀的图标,少不了这个7个底层设计原则
关于图标这方面的设计文章我发过好多篇了,但从找我帮忙看作品集的朋友那看到,图标问题依然是非常多。本文将通过7个原则和案例来说明一个优秀图标的特点,目的是找到好图标的关键属性,从而设计出高质量的图标。 大家不能只是看了,还要去用呀。 可能又有人会说,到底怎么用呢?就比如说今天这篇文章,你就对照着自己设计的图标,一条一条的去核对,是否都符合这些原则。其实,最后不论是否符合这些原则,多次对照后,才可能真…- 5k
- 0
-
线面图标设计样式解析
本篇文章是图标设计样式解析的最后一篇,为大家汇总了线面图标的设计样式。 一、线面图标组合基础 在介绍线面图标的设计样式前,我们要先来了解一下线面图标的组合基础,根据这些基础知识我们能更好地理解下面介绍的设计样式,也许还能自己超创出新的设计样式。 1.面的比例 线面图标在组合时,面所占比例大致有三种情况:小比例、大比例、全比例。 小比例的线面图标本身色块与背景色能形成一定的对比,丰富层次;大比例的线…- 21.5k
- 0
-
线型图标设计样式解析
上周为大家介绍了面型图标的设计样式解析,本期则继续介绍线性图标的设计样式解析。 一、基本线性 基本线性图标以简单线条造型,搭配单个纯色,主要是功能性图标,常见于顶部导航栏、个人中心列表功能等,如下图: 延伸: 在基本线性的基础上,对线条做一些简单的改变,包括改变色彩、改变透明度以及增加厚度。 1)线条多个色彩 在基本线性图标的基础上,线条采用多个色彩,常见的搭配是黑白灰无彩色系搭配一个有彩色系,如…- 16.6k
- 0
-
突破次元的设计思考——3D图标设计
3D图标设计是一种表达数据的形式,有了这样的图表,你的数据会更加的形象,更具有有说服力。本篇文章我们从9个方面来介绍QQ游戏中心改版之后的从新体现多彩的游戏宇宙。 背景 QQ游戏中心经过设计改版之后,我们重新设定了整体的世界观——多彩的游戏宇宙。并且对多个模块及内容进行了新的设计升级,其中也包括重要的图标图形。 延展思考 因此基于目前较为完整的图标图形,希望可以拓展出更多不一样的设计内容,并且可以…- 9.7k
- 0
-
带你了解图标设计的7大原则
想要设计一套高质量的图标,就需要一套成熟的技巧、训练有素的眼睛、不断的练习和临摹。而就将通过7大原则和大量的案例来说明优秀图标的特点,使你了解优秀图标的共性,设计出更优秀的图标。 清晰、可读性、对齐、简洁、一致性、个性、易用性 一、清晰 图标的主要目的是快速清晰的传达概念。 Prime仪表盘上的图标设计 如上图所示,你知道他们所传达的意思吗?驾驶员由于长期开车而了解到他们的意思,但是其中一些图标并…- 10.9k
- 0
-
图标设计效果不能盲目追求好看
做图标设计时,为了效果好看而强行附会各种复杂元素后,图标设计的设计效果或许会背离初衷。 人类大脑对图像的记忆远远胜过于对文字的记忆,因为左脑具有语言、数据、逻辑推理等功能;右脑具有音乐、绘画、空间几何、想像、综合等功能。左脑的记忆回路是低速记忆,而右脑的是高速记忆,右脑处理图形图像的速度是左脑处理文字速度的60万倍,所以对于图像更能让人过目不忘,使得图形成为设计中的标配。比如我们看到齿轮就想到设置…- 13.5k
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!