(10.1.4)拟物设计
亲们,还记得小学时老师让我们造句么?请用拟人或者拟物的手法造句~~“春天迈着轻盈的步伐来到了我们的身边”~“他总结失败的教训,把失败接起来,焊上去,作为登山用的绳子和梯子,成功是由失败而累积起来的”~前面把春天比作了人,是拟人的手法,而后面一句将失败和成功物化了,有体积可堆积,把抽象概念当作实物来写,是拟物的效果。此类拟物的手法还例如鲁迅sir的一句话:“公理”,几块钱一斤?等等等等,不胜枚举啊~
我们的日常生活中,经常有计算器,地图,邮件,手机等等的事物和操作,但是现在网络的高度发展,很多事物我们可以在电脑上直接观察,很多操作也可以通过电脑直接实现。例如计算器,电脑系统中都自带有这个功能。我们在日常生活中已经适应了很多的事物展示样式和操作流程,那么我们在电脑上的操作是否需要采用另一种的设计形态或者流程来展示操作呢?还是采用类似的形态样式与操作流程来让用户能够更快的熟悉和掌握呢?无疑,用户和设计者都会采用后者,有熟悉感,能够快速的上手应用~与此同时,在网页制作中运用拟物设计还能增加设计感和空间感,那我们何乐不为呢??
网页中的拟物设计大致可分为两类,一种是展示的拟物设计,另一种是操作的拟物设计。
展示的拟物设计,可以增加页面的观赏性和阅读感,特别是碰到需求内容较少的页面,可以通过拟物设计方法来增加页面的设计元素和空间感,强调页面所要表达的内容。我们来看图A中的几个例子:1,2,3,4简单的内容上增加了拟物的设计元素,即便是语言不通,我们也能够大体的明白页面内容所要表达的大致意思;1,2使用的元素同时也增进了页面的空间感和现实感;3使用的简单像素化外框能够很清楚的将相册和图片区别;4中可爱的闹钟外框不仅美观直白,也促使页面的各区域更加明显。
操作的拟物设计,将现实中的对于物体的操作流程和规划流程直接的带入到页面中来,使用户不需要思考如何上手,自然而然的习惯操作。但是设计中经常会将拟物手法同时运用到展示和操作的设计中区,达到现实操作和虚拟操作的高度一致。来看图B中的几个例子:3中的看房车,楼盘,路线和地理方位都与实际的看房团一致;1和2同时运用展示与操作的拟物设计,同时也有与现实中相同的音效,虚虚实实,真真假假,已经融为一体。
(10.1.4)拟物设计相关推荐
- 新拟物素材|UI设计领域必掌握的要领!
新拟物风的前身是拟物,是在界面中模仿现实物纹理材质的设计,让人们在使用时会联想到现实物体,当时拟物写实的设计曾风靡全球. 新拟物设计以细腻而著称,通过加重图标轮廓与阴影处理,达到像悬浮/凸起的样式效果 ...
- 鸿蒙系统拟物化图标,疑Flyme8 UI曝光:极致拟物化设计引领icon风
近日,国外著名爆料网站slashleaks曝光了疑似Flyme 8系统的新UI界面.从谍照上看,相比Flyme 7,全新Flyme 8的设计风格回归拟物化,导航条和状态栏也做了细节调整,视觉效果更棒. ...
- 写实图标(拟物图标)素材|这种UI风格即将火!
所谓写实图标(拟物设计),就是现实生活中的物件长什么样子,我们在设计中就要尽量去模拟它,模拟它的质感.光影以及运动方式等等. 逼真的圆形图标 锤子手机icon 拟物设计带来的问题也是很明显的,那就是界 ...
- 【吴刚】UI拟物图标设计初级入门标准教程-吴刚-专题视频课程
[吴刚]UI拟物图标设计初级入门标准教程-200人已学习 课程介绍 本套教程在学员有基本的PS和AI软件基础的基础上,循序渐进,深入浅出,全篇干货,系统化的讲解UI拟物图标设计的特点. ...
- 游戏网页设计:拟物还是扁平?
游戏网页设计的扁平化设计从13年的设计潮流发展到如今的设计趋势,在网页设计中已经应用广泛.相比于曾经成为主流的质感化网页,这两者之间带给用户的体验变化究竟有哪些?以下我们来谈一谈. 扁平化设计为何如此 ...
- 【设计】拟物时钟-夜间模式切换
先看效果: HTML代码: <!doctype html> <html> <head> <meta charset="utf-8"> ...
- 新拟物立体情人节主题图标来了,适合潮流现代的主题设计!
前两年设计界一度追寻着扁平风,因为它简洁.清爽,一目了然的感觉.翻看前两年分享的文章也有大量关于扁平风的介绍.但是设计开始同质化,万物皆偏平的时候,3D风格又成了新的流行趋势. 扁平化带给我们的是画面 ...
- Neumorphism新拟物化控件设计灵感
最近关于新拟物化的风太大,基本上设计圈的人是无人不知.尽管观点如此,我还是想为新拟物化这位诞生在不平凡 2020 年的新生儿稍稍正个身,它并非空穴来风,也并非完全在设计里面无法落地使用,相反如果合理加 ...
- UI设计新趋势|拟物风格UI设计素材模板
拟物风格的设计 总显得精致有质感,高级感. 这基本上意味着他们使用了 "真实世界 "的元素,比如木质书架,笔记中缝制的皮革,以及你 翻阅的CD封面,让你感受到新的数字世界.通过使用 ...
- 前端例程20210510:新拟物风格(Neumorphism)设计与实现
文章目录 前言 基础说明 更多示例 新拟物风格按钮 暗色新拟物风格卡片 新拟物风格单选按钮 总结 前言 新拟物风格(Neumorphism)是前两年兴起的一种设计风格,这个风格虽然因为特征上的一些问题 ...
最新文章
- 使用squid代理时出现“The requested URL could not be retrieved”
- WebSocket使用案例
- 【典型错误】The type java.lang.Object cannot be resolved.
- (一) HTTP 1.1支持的状态代码
- [转载]如何限制一个类对象只在栈(堆)上分配空间?
- iOS基础 - UIScrollView
- lol最克制诺手的英雄_LOL“英雄恐惧症”,当你上单遇到诺手时,你会用什么英雄对线...
- 《数据结构C语言版》
- Nokia手机S40平台手机开发环境的搭建的过程
- python使用gmssl实现SM4算法的OFB模式
- JAVA语言,YUV-I420格式转RGB格式,NV21格式转RGB格式的一种中间过程
- 001信息化和信息系统
- 亚马逊热销爆款产品货源有哪些?亚马逊无货源怎么做?
- 土地利用规划之平时作业二
- Python表达式 n1 与 表达式n%2
- 元宇宙 vs. 数字孪生:技术演化的视角
- QNAP NAS SSH 下如何 重置网络与虚拟交换机
- 蓝牙通讯调试方法-windows与手机
- 浅析用户角色与用户画像
- 兼职python程序员_兼的解释|兼的意思|汉典“兼”字的基本解释