用户体验差的界面设计(用户界面设计师)
用户体验差的界面设计(用户界面设计师)
2024-11-05 03:37:10  作者:权势过人  网址:https://m.xinb2b.cn/know/tty445696.html

当设计师们有扎实的界面设计基础以及DS经历,做起界面行云流水,却发现我们的设计趋同性严重。当我们摒弃各个类别应用程序的TOP3logo,已然分不清谁是谁。那么应用程序上的界面创新即成为设计师们去思考以及实践的内容。


用户界面设计师如何在应用程序设计上创新呢?本文基于职位工作内容从三个方面入手阐述创新思维。

框架层打破原有的组件结构

我们规范输出太多的按钮,标签栏,翻页,卡片等组件设计,在界面中习惯性把组件做理所当然的设计,而创新则需要打破组件原子分子结构,但是打破不等于忽略一致性以及design systems。

下面具体说说卡片/图标组件设计的创新:

关于卡片组件创新

纵观界面中使用面积较大的区域,这几年经历无数演练,大间距分割是目前相对常见的模式,我们也见惯了各种大间距分割卡片式的微创新。例如:图片叠加等比例的色块。在面对业务量大的产品设计时,我们有序循环的使用卡片,依附业务突出内容做微创新以及尝试。


重新定义你的卡片比例,我们习惯了4:3/16:9/1:1,如果形成1:3/3:1做有序循环呢?形的改变,方块中的直角圆角是卡片的标识,那么能否变成圆角偏圆形呢?特殊处理,阴影,叠加,透明度,转角等技法。探寻不同的模块分割方式,关注当下流行,而非一味跟随。尝试任何之前否认的形式,试错即是新的开始。

关于图标创新

图标是一种全球通用的象形表意符号文字,整套图标集合就是一门语言。图标分为功能性图标(象形符号/表意符号/文字符号/组合符号),标志性图标。图标风格大致分为线性图标,面型图标(线 线,面 面,线 面)线性分线条粗细(2px,3px,4px),面型图标分为正负型。设计手法上更是多样(层叠/拼接/中宫/断点/色彩/渐变/透明度/转角度/高光/投影/流线/笔触/透视/连笔/特征元素)。

而创意则需要在绘制前首先形成设计思路:调查——探索——发现,寻找关键词,组成情绪版从而设计,设计时遵守图标原则,利用多种设计手法以达到识别性。


有效图标设计的7个原则:

全面处理图标设计考虑受众图标使用尺寸的设计保持图标简单和标志性投射一致的照明,反射和阴影利用有限的视角创建一致的图标集样式

图标设计中的10个错误:

一个图标中的元素太多不必要的元素一组图标缺乏风格统一性小图标中不必要的透视和阴影过于原始的隐喻没有考虑民族或社会特征图标中的实际界面元素的图像图标内的文字像素框架之外图标之间的区分不足视觉层创立新的视觉设计语言

如何打破应用程序的趋同性,树立可识别性,首先是视觉思维的创新,在表现层中创立新的设计语言。

构成视觉的元素:颜色(色相色度亮度)、字体、元素、符号、图片。就工作而言我们习惯性的通过各大流行趋势做视觉设计,理论依据背书担当格式塔理论,一直是我们对视觉系统的理解的主导力量之一,视觉系统是人类视觉所涉及的感知过程的总和。

当我们设计高效和令人愉悦的产品和网站时,简单地描述了心灵如何解释和组织视觉信息,以帮助我们理解世界及个人相关部分。形式的清晰度越强,设计越有效。


格式塔理论:

简单性原则(Simplicity)图形与背景关系原则(Figure-ground)接近性或邻近原则(proximity)相似原则(similarity)共方向原则(common movement)对称性原则(Symmetry)连续性原则(good continuation)封闭的原则(closure)共同区域原则(Common Region)元素连通性(Element Connectedness)

有了理论依据在界面中的应用为你的界面设计创立一个视觉符号,将视觉元素贯穿于整个产品的界面中,增强符号给予用户的感官,以此为基准,突破视觉趋同。如何获取视觉符号元素,通过利益相关者的问卷聚类得出具体的品牌人格,给予产品品牌人格,寻找差异点,根据差异点脑暴品牌格言输出视觉标识。


荣格十二品牌人格原型是基于心理学家卡尔荣格,曾经在他的人类心理学理论中用到过“原型”的概念。他相信“原型”以神话角色的形式,在全世界的人类的集体潜意识中存在着。原型体现了我们进化过程中一些基本的人类形象,很自然地原型能够唤起人类深层次的感情。

尽管事实上有许多不同的原型,但荣格定义了能够代表人类基础欲望的12个主要的类型。每种类型都有自己的一组价值观,意义论和性格特点。同时,这12个类型又被以4个为一组分为三大类,分别是“自尊”,“灵性”和“自我”。

花更多的时间激发灵感

“一万小时定律”是作家格拉德威尔在《异类》一书中指出的定律。“人们眼中的天才之所以卓越非凡,并非天资超人一等,而是付出了持续不断的努力。

如下几个小方法可一试:

(1)“5分钟疯狂想法”

张开想象的翅膀,不论落地实现与否,尽情想象,每天花5分钟设计一个组件/元素,越飞扬越天马行空越有趣,忘掉所有的流程/方法论/经验/商业设计价值,忘掉你是谁。

(2)积累发掘更多的设计方法论

设计方法论能够让我们形成完整的设计思路以及推导依据,它支撑我们的设计。在日常的设计工作中,关注前瞻性的设计的思维,熟知设计思维并实施到项目中形成设计工具箱。

(3)培养特有的自我感知力

设计无论是感性的还是理性的,所谓的感觉与天赋是一定自我潜力的挖掘,寻找自我对于专业领域的感觉。除去设计,我们总是有许多自己为之热爱的事:爵士,徒步,游泳,旅行,在你的热爱中发现美,发现设计,愿以时间为基石。

(4)创新的工作方法

如果工作流程习惯了从产品到交互到视觉,那么工作协同可以尝试新的方式如搭建design systems,协同方式的改变也会引发设计思考方式的转变,设计效率的提升也意味着我们有更多时间关注设计本身。

设计的路上,永远不能停止探索,创造价值迎接明天。

作者:Emilychen;公众号:Design Thinker,UIUX设计师,从业6年 ,关注设计思维及实践,核心宗旨:设计思维驱动下的设计沉淀。

本文由 @Emily 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

  • 手机有几种解锁方式(解锁手机有6种方法)
  • 2024-11-05解锁手机有6种方法随着时代的发展,手机可谓是我们一个体外器官,出门不带钱包不带钥匙或许还没有那么着急,但没了手机肯定不行,可想而知手机对我们重要性越来越大而手机里面承载了我们太多的隐私,而为了保护我们的这些隐私,目前市。
  • 无线鼠标怎么连接(无线鼠标连接电脑的教程)
  • 2024-11-05无线鼠标连接电脑的教程在桌面点击右键,点击“个性化”,点击“主页”,点击“设备”,点击“添加蓝牙或其他设备”点击“蓝牙”,选择一个MiMouse进行连接连接失败,再选择另一个,等待一会就会连接成功,点击“已完成”即可。
  • 己亥杂诗(己亥杂诗全文是怎样的)
  • 2024-11-05己亥杂诗全文是怎样的《己亥杂诗》全文《己亥杂诗》(其五),作者:龚自珍浩荡离愁白日斜,吟鞭东指即天涯落红不是无情物,化作春泥更护花《己亥杂诗》是清代文学家龚自珍的组诗作品这是一组自叙诗,写了平生出处、著述、交游等,或议时。
  • 美味奇缘大结局(美味奇缘大结局提前看)
  • 2024-11-05美味奇缘大结局提前看筒子们~随着十月份的到来,各种热剧也都迈向大结局了,先是《秦时丽人》,接着是《那年花开》,现在《美味奇缘》也要大结局了,哔宝表示很不舍啊不过虽然难过,还是要继续给大家推剧啦,今天哔宝就来给大家曝光一下。
  • 克里斯坦特实况(我们为了胜利全力以赴)
  • 2024-11-05我们为了胜利全力以赴直播吧4月15日讯在北京时间今天凌晨结束的一场欧会杯1/4次回合较量中,罗马主场4-0战胜挪超球队博德闪耀,总比分5-2战胜对手晋级四强赛后罗马中场克里斯坦特接受了采访克里斯坦特表示:“本场比赛令人难。
  • 宋词念奴娇十首(念奴娇诗词精选260篇大全集)
  • 2024-11-05念奴娇诗词精选260篇大全集念奴娇,词牌名,又名“百字令”“酹江月”“大江东去”“湘月”,得名于唐代天宝年间的一个名叫念奴的歌伎此调以苏轼《念奴娇·中秋》为正体,双调一百字,前片四十九字,后片五十一字,各十句四仄韵另有双调一百字。
  • 1克拉的钻石等于多少(一克拉等于多少克)
  • 2024-11-05一克拉等于多少克很多人都听说过一克拉,但是很多人并不知道一克拉到底有多重?一克拉等于多少克呢?一克拉钻石有多大?为什么一克拉钻石的价格会那么贵?我们一起来了解一下吧  一克拉等于多少克  克拉是钻石的专有单位,一克拉。
  • 湖北双创大赛总决赛(四川赛事为媒双创)
  • 2024-11-05四川赛事为媒双创川经瞭望记者何羽佳李春梅秦瑶今年9月,第六届“创客中国”四川省中小企业创新创业大赛暨第四届“创客天府”创新创业大赛全省总决赛在成都落幕,“万瓦级超高功率光纤激光系统集成技术”和“绿钻先锋---环保钻井。
  • 小女孩取名字怎样才可爱(乖乖巧巧的小孩取名字大全-可爱点)
  • 2024-11-05乖乖巧巧的小孩取名字大全-可爱点父母们在给孩子起名这方面都会比较注重自我的想法,想要在起名上亲力亲为,那么可以先参考乖乖巧巧的小孩取名字大全内容~【文茵】选自诗经《秦风·小戎》:文茵畅毂,驾我骐馵诗经中提取出的名字含义都还是很好的,。
  • 电子手刹按了无法解除什么原因(电子手刹按了无法解除)
  • 2024-11-05电子手刹按了无法解除电子手刹也就是电子驻车制动系统其工作原理与机械式手刹相同,均是通过刹车盘与刹车片产生的摩擦力来达到控制停车制动,以电子按钮的控制方式代替了机械式手刹拉杆有不少车主就反映了自己遇到电子手刹按了无法解除的。
  • 草原英雄小姐妹歌词(草原英雄小姐妹整首歌词)
  • 2024-11-05草原英雄小姐妹整首歌词歌词:风雪不知道你的疼痛羊群不知道你的冰冻你的呼喊撕破了喉咙瘦弱的身体抵挡着寒冬草原上两个坚强孩童勇敢的心在咆哮中舞动坚持太阳照亮了天空带着羊群回到挂念的家中你没有退却没有逃避没有放弃你没有慌张没有迟。
  • 编程语言开发思路(为什么我们强迫你学习多种编程语言)
  • 2024-11-05为什么我们强迫你学习多种编程语言“为什么你的后端课程要求我学习不止一种编程语言?”似乎有不少学生加入该平台,认为他们会“完全掌握一门语言”而不是“分心”虽然我计划在应用程序本身中更好地解释这一点,但我想写这篇博文来深入解释为什么我们。