应用办公生活信息教育商业
投稿投诉
商业财经
汽车智能
教育国际
房产环球
信息数码
热点科技
生活手机
晨报新闻
办公软件
科学动态
应用生物
体育时事

在设计中如何打造最合适的组件

  设计的方法有很多种,或许未来会有更好的方法出现,但希望我们在通过各种渠道(网络、书本、项目等等)积累经验和知识的同时,也能抽点空闲去看看身边普通或者不普通的物品。届时,你会发现在它们身上有很多好的玩意等待着被发现,而这些东西也会为你的工作和生活带来很大的帮助。
  在看组件和元素之前,我们先了解在他们之上的一个概念:模块
  模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模块,而每个模块内有相应的组件,每个组件中又有相应的元素,其中任何一点的变化,都会使用户对产品的认知发生改变。
  模块并不是一个新的概念,早在20世纪初期的建筑行业中,将建筑按照功能分成可以自由组合的建筑单元的概念就已经存在,同样也出现在早期的产品设计中,并且许多产品的设计都能将其很好运用,包括汽车,电脑,电器,鞋子等等。如下图:
  这些产品之所以使用模块是因为模块具有这些优点:
  标准化:模块是具有标准尺寸和标准接口的预制功能单元,这是组装、互换等特征的基础;
  可组装:多个模块可以方便、灵活地组合、配置,以构造不同大小、不同形状、不同功能的系统;
  可替换:通过用一个模块去更换另一个模块,可以改变系统的局部功能而不影响系统的其他部分;
  可维护:可以对模块进行局部修改或设置,以满足用户需求,另外可以增加新模块,扩展系统功能。
  那我们从身边熟悉的产品(插线板)出发,看看它里面有什么?
  常用插线板的模块分为两部分:总开关模块和主要功能模块,为保证总开关的重要性,总开关模块下并没有连续的组件,只有控制总操作的元素(按钮),总指示灯以及品牌logo之类的品牌信息。
  我们来看看总开关模块下的元素:
  我们来看看主要功能模块的组件和元素:
  在功能模块不变的情况下,人们即将开始了一轮新的尝试和探索
  产品的发展与创新:元素的变化和新组件的形成
  注意:必须要先弄清楚你的目标用户是谁,什么样的元素,新组件,外形,材料能吸引你的目标用户并能最好的表现其功能,这些在用户体验的过程中会起决定性的作用。
  在技术条件可行的前提下,人们增加,删除或改善元素,创造出了很多更好用的组件。同时也产生了很多新的品牌以及创新点。(插孔,接口等其余元素的视觉表现方式也变得更多样化)
  当然,影响的因素还有模块的外形,材料变化(此处不深入讨论)
  从以上例子中可以发现:
  在满足用户和产品需求的前提下,发现最合适的元素和组件能打造更好的产品;
  元素和组件的变化,能提升产品功能的体验,同时可能为产品带来创新;
  如果你想发现一个产品的元素和组件,最好的办法就是将它拆了。
  那么在设计中,如何选择设计元素打造最合适的组件?
  项目实例米大师WEB改版
  先了解下米大师WEB是什么?
  米大师WEB是计费平台部为公司以及合作方提供的,PC端泛娱乐业务计费解决方案。业务以JS的方式直接调用,并以WEB弹窗形式来适配所有业务。
  我们来看看老版本,它有什么问题?(以会员为例)
  要解决这些问题,打造最合适的组件,先需要做的是:
  1。优化模块的结构
  旧版本采用的是左右结构,商品信息和支付信息混杂在一起,视觉动线杂乱,影响用户处理效率。
  在新版中,我们采用上下结构,按照用户路径进行信息分区,优化视觉动线。
  2。确立组件的表现形式
  旧版本商品和支付信息采用的是列表式,信息排列杂乱紧凑,视觉不美观,且不好适用于多种业务。
  在新版中,我们采用卡片式,将商品信息分档位,并将其单个打包,给用户带来更好的视觉一致性,易
  于操作,也能有效的对同类信息进行区分,同时能够容纳多种内容,便于多业务的复用。
  这些工作完成后,接下来就开始搞事情了发现最合适的组件。
  第一步:拆解,模块内每个组件传达的内容不同,将组件拆解成多个区域,发现每个区域的主要元素。
  拆解总类目模块
  拆解商品档位信息模块
  拆解支付信息模块(以Q币渠道为例)
  第二步:结合新的模块结构和新的组件,改善已拆解的元素,发现新组件,定义新组件内的元素。
  注意:紧随这个步骤之后,必须要先确定组件内设计元素的优先级,否则无法对结果进行判断。此处商品卡片内信息优先级为:运营信息主要价格商品档位辅助信息
  第三步:分析罗列,通过参考和梳理,整理出组件内主要元素所有的表现方式,并将其一一罗列。(此处开始以单商品卡片组件为例)
  第四步:重组,将区域内整理出来的主要元素重组,进行尝试,发现多种组件形式,示例如下:
  重组过程中,你会发现,你见过的,没见过的所有式样都在里面。
  第五步:判断,根据判断标准(设计原则及产品属性)对各组件形式进行分析,选择最合适的,如下:
  来看看最后的方案呈现:
  随便聊聊
  设计的方法有很多种,或许未来会有更好的方法出现,但希望我们在通过各种渠道(网络、书本、项目等等)积累经验和知识的同时,抽点空闲,去看看身边普通或者不普通的物品,你会发现在它们身上有很多好的玩意等待着被发现,而这些东西也会为你的工作和生活带来很大的帮助。
  所以,赶快去发现新玩意吧

海藻面膜可以重复使用吗小心皮肤越来越差海藻面膜可以重复使用吗海藻面膜不可以重复使用。海藻面膜是绝对不可以重复使用的,因为海藻面膜是一次性面膜,用过一次后就要丢掉。在海藻面膜第一次使用的时候,皮肤就已经吸……梦见下雨发洪水预示着最近的健康状况一般,亲人可能会卧床不起,建议你平时要多关心家人的健康。未婚者梦见下雨发洪水预示着感情运势一般,会有机会和合眼的异性产生朦胧的爱意,但往往会无缘……条戳中泪点的毕业季经典语录寄语:当你眼泪忍不住要流出来的时候,睁大眼睛,千万别眨眼!你会看到世界由清晰变模糊的全过程,心会在你泪水落下的那一刻变得清澈明晰。盐。注定要融化的,也许是用眼泪的方式。我愿我们……武神赵子龙庞统和诸葛亮谁厉害结局是什么《武神赵子龙》最新剧情庞统上线网友大呼太呆萌!这个角色在历史上也很有名,剧中马晓军饰演的庞统一出场就自我介绍南阳卧龙、襄阳凤雏,而庞统就是和诸葛亮齐名的谋士,那么在《武神赵子龙……环岛造句用环岛造句大全【环岛hundo】:指交叉路口中心的高出路面的圆形设置。1、听说毕业旅行是要环岛一周时,大家都兴高采烈地欢呼起来。2、星期六你愿意和我一起去环岛路骑自行车吗?……有关技工院校一体化教学策略的思考摘要:一体化教学是教育教学工作中十分重要的组成部分,也是培养学生理论联系实际、分析问题与解决问题能力的重要环节及实现素质教育、培养创新人才、促进知识向能力转化的重要途径。技校生……你是我想一生陪伴的人你是我想一起白头偕你是我想一生陪伴的人,你是我想一起白头偕老的人这一生,没有经历过太多的感情,也没有经历过太多我爱的人和爱我的人,所以,对于感情而言,虽然已经不再年轻的我,在感情面前或许仍……灵芝泡水喝最需要注意的问题灵芝属于一种珍贵的中药材,虽然服用之后可以很好的滋补身体,若没有科学的服用也会对身体造成损伤的。今天,小编就来和大家一起说说灵芝泡水喝的禁忌,来了解下吧!灵芝泡水喝的禁忌……搞好婆媳关系的五大秘诀女性一旦步入了婚姻的殿堂,就会加入一个新的家庭,而为了这个家庭的和谐,女性朋友们除了要和丈夫处好关系以外,和婆婆搞好关系也是相当重要的。教你搞好婆媳关系的秘诀,让你更快适合媳妇……一天的广告收入这个方法成功打造了自动流量系统的网如果你经常看一些大网红的直播间,你会发现,几乎每个直播间都活跃着一些人而他们发布的视频封面的标题也非常引人注目,XX事件揭秘等等一些能够调动起粉丝好奇心的标题。身边……超市购物筐的承重是多少随着社会时代的发展,人们对于超市购物篮也提出了越来越高的要求。超市顾客的购物时间成了休闲时光,所以超市购物筐的承重是多少呢?让我们去本站了解一下吧。购物篮别称购物筐、购物……城管有三怕城管有三怕,怕有钱的,怕有权的,怕更横的。城管是一群穿着鬼子大衣的人群,他们的衣服,很能让我想起万恶的旧时代,那个时代曾经有种生物,叫做鬼子。或许,因为穿着像鬼子衣……
特斯拉电动皮卡量产时间推迟内部人士称已被推迟到2023年据国外媒体报道,特斯拉2019年11月22日推出的电动皮卡Cybertruck,备受关注,有超过百万人已经支付订金预订,原计划在今年年底开始量产,从三电机全轮驱动版开始。……美国莫桑石分多少钱莫桑钻几克拉比较真实莫桑钻与普通的南非钻石在外表上是非常相似的,一般外行是分辨不出来的。莫桑钻是合成碳化硅,经过人工培育的方式打造出来,过程艰难,产量少。但是莫桑钻并不是钻石,莫桑钻石的明亮度和折……浪漫爱情话语什么叫爱不需言语,让我用行动告诉你,什么叫爱!不要问我爱你有多深,我真的说不出来,只知道你已成为我生活中的一种习惯,不可或缺的习惯,每天每天,可以不吃饭、不睡觉,却无法不想你。……网传上海工厂生产线曾因缺少关键芯片部分停产!官方回应众所周知,因芯片供应持续受到影响,海内外多家工厂面临即将停产的状况。日前据媒体报道称,有知情人士透露,由于缺少关键芯片,特斯拉上海工厂的一条生产线上月曾暂停部分生产,时间……游广州塔暑假,我和妈妈去了广州,晚上,我们去了妈妈一直想去的广州塔。还在路上,远远的就望见了一座闪着五光十色光芒的彩色的高塔。妈妈激动的指着高塔大叫:眺眺,快看,好美丽的小蛮腰!……iOS15被曝存在存储问题错误提醒接近饱和容量显示不正确不管存储空间是否充裕,部分用户在升级iOS15之后收到了ldquo;iPhone存储接近饱和rdquo;的提醒,而且用户无法排除这个问题。部分iPhone型号反馈存在该问题,用……树莓派基金会获4500万美元融资COVID19大流行期间,硬件爱好者们对于树莓派的需求也变得相当旺盛。为了进一步的发展,树莓派基金会于昨日宣布,其已完成新一轮4500万美元的融资。创始人EbenUpton在接……走自主创新之路策划人语:十六届五中全会强调,要全面贯彻落实科学发展观,必须提高自主创新能力,把增强自主创新能力作为科学技术发展的战略基点和调整产业结构、转变增长方式的中心环节,大力提高……Pixel6系列将新增LiveTranslate功能可实现实援引外媒XDADevelopers报道,Google计划在Pixel6系列中引入新版LiveTranslate功能。而这项功能未来将会在Android12系统中面向更多Andr……Finder曝出可执行任意命令的零日漏洞macOS尚未得到全独立安全研究人员ParkMinchan刚刚发现了macOSldquo;访达rdquo;(Finder)文件资源管理器中一个零日漏洞。若被利用,运行新版BigSur之前的所有ma……次生盐碱化分布地区土壤盐渍化分盐化与碱化两种类型,故又称为土壤盐碱化。当土壤表层中的中性盐含量超过0。2时,称为盐化土(盐土);以碳酸盐为主的盐渍土,土中代换性钠含量大,通常称为碱化土(碱土)。……航拍显示特斯拉上海超级工厂再次做好季度末冲刺准备据国外媒体报道,在每一季度的后几周,特斯拉通常都会提高电动汽车的产量,并加快交付,进而提高季度电动汽车的产量和交付量,推升业绩。特斯拉上海超级工厂作为特斯拉目前已经……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网