博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UI设计基础知识学习
阅读量:7120 次
发布时间:2019-06-28

本文共 1020 字,大约阅读时间需要 3 分钟。

今天苏州学码思小编为大家总结下UI设计中的一些基础知识,希望对大家的UI设计学习有所帮助。

  什么是图标?

  图标就是电脑,手机或其它设备中为各种文件,应用程序或快捷方式设置的一种图形标志。

  图标的分类

  按功能分类图标分为:1启动类图标,2应用类图标,

  1,启动类图标

  比如像微信,QQ等代表并启动此应用的一类图标

  2,应用类图标

  比如像返回,删除,保存等代表当前功能,或操作的一类图标。

  按设计形式分类分为扁平化图标和拟物化图标

  1,扁平化图标

  扁平化设计特点:简洁,清新,设计感强,没有更多的细节与特效修饰。直接明了的表达出出图标的本意。缺点是识别性差。

  2,拟物化图标

  特点,精致,细腻,识别性强,比较接近真实物品

  图标设计设计原则

  1,可识别性原则

  可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的将就是用户一眼看过去就知道它是做什么的。比如拨打电话图标,用户不需要看文字只需要看图标就知道是拨打电话用的

  2,差异性原则

  即每个图标之间要有一定的差异性,这样比较容易辨别与区分

  3,统一性原则

  统一性原则表现在形状,样式等风格层面。如下图图标都用了线条,并且图标都比较圆滑。

  4,尺寸大小尺寸与格式。

  图标一般有以下几种尺寸

  256x256256x256128x12864x6432x3216x16

  图标有以下几种格式

  png,jpg,svg

  图标设计设计步骤

  1,必须明确设计需求

  即从开始到结束必须牢记并且明确说设计的图标说代表的功能需求。

  比如在设计电话图标时不能偏离打电话这一需求。这样设计出来的图标才会实用,好用,易用

  2,明确设计风格

  即必须定一个设计风格,是拟物化,扁平化,还是卡通图标。在定了风格后要严格按所定的风格去设计其它图标。保持统一性。

  3,草图设计

  在定了设计风格后,开始草图设计,用草图绘出你要设计的图标形态。绘制草图是一个很重要的步骤,可以用手绘或一些软件。

  4,低保真设计

  根据草图用自己所熟悉的设计软件设计出整个图标的形状,等所有元素。

  5,高保真设计(视觉稿)

  在低保真的基础上添加颜色,高光与阴影等细节。

  6,输出图标的格式

一般是png,jpg等

转载于:https://blog.51cto.com/14296616/2390417

你可能感兴趣的文章
C#两种方式获取指定文件夹下所有子目录及文件
查看>>
linux 自学系列:退出linux命令
查看>>
Xpath语法
查看>>
linux下mysql中文查询得不到结果
查看>>
notepad++实用快捷键
查看>>
JSON文件中非法字符的处理
查看>>
c++异常处理
查看>>
CGI的一些知识点
查看>>
SQL Server误区30日谈-Day14-清除日志后会将相关的LSN填零初始化
查看>>
冒泡排序
查看>>
Java中的final
查看>>
简明Linux命令行笔记:touch
查看>>
Top 命令使用
查看>>
如何在多台机器上共享IOS证书
查看>>
最近遇到的一个问题,求解释
查看>>
IOS 开发,调用打电话,发短信,打开网址
查看>>
word实现转换成图片的实现
查看>>
人生如梦
查看>>
预装Win8系统的电脑安装Win7的方法(EFI安装Win7)
查看>>
Vim按键映射
查看>>