图标

图标设计详解(一)——图标初识

图标一直是UI设计中很重要的部分,工作中我们经常需要思考怎么做出好看、差异化的图标。图标为什么这么重要?图标怎么做的好看?怎么针对不同的产品做出图标的差异性?将

iOS 9 人机界面指南(五):图标与图形设计

文章索引5.1 图标与图像尺寸(Icon and Image Sizes)5.2 应用图标(App Icon)5.2.1 文档图标(Document Icons)5.2.2 用于Spotlight和设置的图标(Spotlight and Settings Icons)5.3 启动画面(Launch Files)5.4 模板图标(Template Icons)5.5 网页图标

LOGO和图标,你真的明白两者的异同点么?

对于LOGO和图标概念上的异同的争论,最近似乎逐渐多了起来。这一切缘起于著名流媒体服务商 Netflix 的一个微小变动:Netflix 更新了他们的图标,而LOGO依然保持不变。这件事情引起了Twitter 上大量用户的讨论,图标和LOGO,两者在概念上有哪些区别,在功能上有哪些异同呢?品牌和营销专家通常认为,LOGO 是一种影响和促进用户行为的一种手段,同时也是一种特定

苹果电视 tvOS UI 设计规范总结 (五)图标和图像

(一)概述(二)Siri遥控器和游戏控制器(三)用户交互(四)视觉设计(五)图标和图像(六)界面元素(七)资源图像大小和分辨率Apple TV上的所有图片@ 1X分辨率。确保图像是在远处清晰。 记住,你的应用程序是在房间里的大屏幕上。规模足够大,从远处清晰可见的图像,并确保重点和互动是很容易。这是游戏中尤其重要。测试图像质量。 您的计算机屏幕上看起来不错的图像可能会显得像素

图标设计总结:断线图标规律

四个月前答应过大家要写一篇关于断线图标的规律,一直没来得及总结,很多人说想知道,终于,今天它来了,哈哈哈!对于图标如何断线,如果是经验丰富的设计师,估计靠感觉做就可以了,但不是大神的我们怎么办呢?总得有点规律让我们参考参考吧,虽然有些规律不能全盘通用,但这次总结一定能给你带来帮助。来,看下大纲:1.先考虑在拼接处断线2.平衡视觉复杂度3.避免正中间处断线4.尽量让图标一笔画

我花了 20 个小时研究 3 个按钮,让你明白 UI 和 UX 的区别

@可乐橙_ColaChan:UI 和UX 到底有什么区别?今天这位作者花了20个小时研究3个按钮,除了关于可用性的大量干货,也能帮你快速明白UI 和UX 的区别。首先讲一讲背景。这是在我们周会上发生的事情:“Andrew,我们做了几个很厉害的新功能,测试一下吧。”“好的,当然。”“嘿,你甚至会忍不住写篇文章来介绍的!”“呃……”只有一个问题……当我被要求测试一项功能,通常

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

文章主要分析了不同的视觉设计元素是如何影响网站用户体验,希望通过文章的解读能够对你的产品设计带来些启发。也许是因为我在视觉设计上没有太多经验,我发现平常在与视觉设计师讨论设计方案时,我们常常讨论的是:“我觉得这样布局很奇怪”、“我觉得A不太好看”、“这个地方给我带来了某种XXX的感觉”、“这样显示会不会给用户带来某种误解”……不难发现, 大多数时候我们讨论的是一种捉摸不透的

从虾米音乐的改版,看未来设计趋势

对!没错虾米这次又大改版啦!哈哈~前几次改版被吐槽,那么,今天和大家一起看下虾米改版中那些值得学习的点。先看下一系列版本变化虾米从V.6.0.5 – V7.0 最大变化是产品内容变化和视觉风格改变,当然呢,也许是因为跟谁最新的苹果风,最新版本的设计更加简洁,轻量,呼吸感更强。那么前两个版本视觉设计风格整体比较堵塞,功能内容堆积LOGO的变化LOGO变化图形改变了的同时,颜色

UI 和 AI

从上一个时代(我指六七年前,为什么叫上一个时代?因为那时没有培训班)过来的 UI 设计师很多都爱画小图标,就是那种 16 像素的 favicon 尺寸,原因也很简单,因为这种极小尺寸下的图标充分体现了 GUI 设计的几个精髓: 在各种限制下做文章 、 细节力求精致 、 内容要讲求主次和取舍 。所以每当有人问出「为什么图标一缩小就模糊,有没有什么办法能让他清晰一些

可直接转代码!超实用的免费SVG图标管理工具: SVGSUS

Svgsus 是刚刚出来的 SVG 图标管理工具,小编第一时间下载体验,它的功能不多,但足够好用,不仅可以作为图标管理,而且能输出不同设备 SVG 代码,这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。免费实用的管理工具 SVGSUS功能特色支持导入 SVG 图标包,管理方便可直接把图标拖至 AI/PS/SKETCH 等工具上使用图标搜索功能可输出不同