行业资讯
行业资讯:
行业资讯
  • 快速提升 UI 设计效果的 6 个小技巧

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的十三篇,原文最早发布于marcandrew.me。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议。如果你对于这个系列感兴趣,上一期的内容也值得看看:第十二波!快速提升 UI 设

  • 帮你完全掌握热门的极光风设计趋势

    作为设计师都会时刻关注设计趋势,以 UI 设计来说每年都会出现很多相关的趋势总结,基本是结合预测和实际相结合的。趋势可以让我们把控设计的方向,带给用户更好的感官体验。最近黑马哥结合落地产品所呈现出来的设计趋势,进行了这方面的探索,今天以其中之一的趋势-极光风和大家先聊一聊。极光风趋势的来源极光(Aurora),是一种绚丽多彩的等离子体(发光)现象,在夜间出现灿烂美丽的光辉。在南极被称为南极光,在北极被称为北极光,视为自然界中最漂亮的奇观之一。(来源于百度百科)这样的自然奇观被摄影师捕捉到静态的影像中,设计师

  • 从5个方面帮你完整了解标签栏设计

    前言标签栏是用户进入 APP 的第一触点,绝大多数以固定在设备底部的形式、让用户在应用中的不同模块之间快速切换。它作为移动应用中最常见的元素之一,是 UI 设计师们绕不开的课题。一个好的底部标签栏可传达出产品的核心功能、品牌形象及设计理念,还能用作判断应用是否精致的标准,用户可通过第一触点来感受这个 APP 是粗糙的还是精致的。所以看似简单,但要想设计出视觉美观、反馈清晰的底部标签栏,有很多值得我们深究的地方。那么标签栏为何存在?背后满足的需求和场景到底有哪些?能给产品、用户带来什么价值?本文将从很多优秀产品

  • 可视化大屏设计快速入门指南

    前言随着大数据产业的蓬勃发展,很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行业都有了可视化的需求,可视化行业也迎来了迅速发展的成长期。数据可视化释义数据可视化就是把一些相对复杂、抽象的、我们看不懂的数据通过“可视化”的方式,运用图形化的手段清晰有效地将数据信息进行解读和传达,帮助我们发现其中的规律和特征,挖掘数据背后的价值。可视化大屏可视化大屏是以大屏为主要展示载体的数据可视化设计。它的应用场景非广泛如 ToC、ToB、ToG 等都会存在。一般应用在会议展厅、园区管理、城市交通调

  • 快速提升 UI 设计效果的 6 个小技巧

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 8 个实用性很强的 UI 效果提升小技巧,是系列文章的十一篇,原文最早发布于marcandrew.me。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!1. 少用点色彩一样可以让视觉充满凝聚力在上方的两个设计范例当

  • B端设计基础指南:网格系统

    网格的历史说到网格的应用,我们可以追溯到很远。古埃及人在他们的雕刻和绘画中描绘的人物遵循了一个规则,将比例标准定为人的拳头,一个站立的人物从地面到头顶测量为 18 个拳头。公元 1040 年,首次在中国出现活字印刷,主要采用的是泥活字。在西方,金属活字印刷术在 1450 年左右出现,而古腾堡圣经在 1455 年左右的发行将是出版界的第一个重大里程碑。金属类型的文字更加充分利用了网格。到了 1917 年,网格在荷兰风格派运动中最为明显,由艺术家 Theo van Doesburg 和 Piet Mondrian 领导。他们将画布限制在相交的垂直和水平线条和原

  • 第九波!快速提升 UI 设计效果的 7 个小技巧

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 7 个实用性很强的 UI 效果提升小技巧,是系列文章的九篇,原文最早发布于marcandrew.me。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 7 条实用的建议,一起来看看吧!1、牢记最关键的「接近原则」并用好它在以上的两个设计范例当中,

  • 5000字干货!让界面设计更出彩的图片使用指南

    前言在 UI 设计中,配图的好坏将直接影响着界面的品质及用户的视觉体验。纵观如今高质量的界面设计,具有设计感的配图不仅是吸引用户的重要元素,能比原本平淡无奇的文字界面更让人产生点击欲望,还能体现出设计师的品味、以及相关方面的专业性。在这个快节奏的时代,相比文字,图像的传达效率会更快、更高、更有助于用户轻松理解及记忆。配图用的好,往往能起到决定画面基调、流程引导、视觉平衡等关键作用,所以,在同等样式的布局下,因图片的使用及处理方式的不同,界面的品质也会存在较大的差异。本篇文章将介绍一些在 UI 设计中配图

  • 从3个方面,分析总结标签设计的体验细节!

    在移动端产品中,标签不是核心内容,甚至有点不起眼,但是谁都无法忽略它的存在。特别是在电商平台中,标签已经成为了不可或缺的设计形式。今天我们就来总结下标签设计的细节。文章主要分为 3 部分:标签是什么?标签需要表达什么?标签设计的要点标签是什么?1. 功能标签百度百科给出的解释是”Tag(标签)是一种更为灵活、有趣的日志分类方式,可以为每篇日志添加一个或多个 Tag(标签)“。例如在网络平台发布文章时,作者可以定义多个标签,方便读者更好的理解文章内容。同时平台也可以根据标签聚合同类文章,建立目录索引,引导读者快

  • 如何设计交互缺省页?我总结了这4个方面!

    缺省状态属于交互的边缘状态,很容易被忽略,造成设计不完整。为了保证设计完整性,对缺省状态进行整理很有必要,以免缺漏。大纲:缺省状态的出现原因和分类缺省状态的组成缺省状态的视觉样式组件化与复用缺省状态的出现原因和分类UI 界面上展示的信息可大致分为固定信息和动态信息两类。所谓固定信息是指,不需要请求服务器的信息类型,例如底部标签栏的图标是以切片的形式存在于安装包中,总是可见。而动态信息是会随场景变化的,如下拉刷新操作一般都伴随着信息的实时更新,这类信息就属于动态信息。以请求服务器是否成功为依据,缺省状

  • 腾讯大咖演讲实录!从3个模块聊聊游戏拟物化UI设计

    本月,腾讯独立游戏孵化器在广州举办了独立游戏开发者沙龙。本次活动邀请了数名游戏开发者分享他们关于项目制作的经验,其中便有《黎明觉醒》的 UI 负责人,来自腾讯光子设计中心的 Wenbin 老师。在游戏制作过程中,UI 设计可谓是非常重要的一环。优秀的 UI 不仅是玩家与游戏交互的信息载体,更是有趣的、精美的、可以讲故事的设计。近年来,大家对于拟物化设计与扁平化设计各执其词,而今天我们也邀请到了《黎明觉醒》的 UI 负责人 Wenbin 老师,来与大家重点分享拟物化 UI 设计的几大要素。以下是我们整理的部分演讲实录,为提升阅读体验

  • 零基础 UI 入门七:教你快速上手APP适配

    这是移动端规范的最后一篇,关于移动端适配相关原则的解析。适配是一个讲起来非常麻烦的问题,网上其实基本搜不到靠谱的解释,这可能就是你们可以找到的唯一一篇完整分享,要好好珍惜。手机屏幕尺寸众多,一直是个很让人头疼的问题,苹果手机自己就包含 7 个尺寸的设备,更遑论机型无数的安卓阵营。屏幕尺寸不统一,带来的直接影响就是,我们应该创建一个什么样尺寸的画布?前面的解释中,我们提到 UI 设计今后会以苹果 iPhone13 390*844 的尺寸作为标准尺寸,提供相关设计素材。UI设计师创建画布,自然也是以这个参数作为标准。但是,同期

  • B端设计指南:网页布局方式科普

    栅格一直都是很多同学非常疑惑的地方,无论是栅格的日常使用,又或者是栅格在整个产品当中的作用,一直以来都有非常多的疑惑,今天就来聊聊栅格在实际工作如何使用,以及产品之间究竟有何区别。其实在说栅格的使用,我们就在讨论网页当中的布局方式,以及他们之间的不同点。网页的布局方式:布局方式,本质上就是去处理窗口宽度与网页内容的关系用户会使用浏览器打开不同尺寸的窗口宽度,而网页内容究竟应该如何去适应这些窗口尺寸?通常会分为:固定布局、流式布局、自适应布局、响应式布局1. 固定布局(Static Layout)固定布局是一种最

  • 用超多案例,帮你掌握移动端的引导功能设计

    本文是关于“引导”功能在设计细节上的拆解和梳理。从目标的角度出发,“引导”的作用可以是帮助用户快速认识产品新功能、提示用户下一步操作、提供快捷跳转等。承载了不同目标的“引导”,有着不同的视觉表现方式,本文意在梳理常见的移动端“引导”类型,以更好理解如何通过视觉方式更恰如其分地完成产品需求。特点:常驻,在满足条件(如发布内容)后消失视觉亮眼,体现产品风格调性(可融入动效,进一步提升视觉感知)使用场景:核心功能引导,常见于 UGC 产品,平台强力引导用户生产内容,以提升产品活跃度。区别:有蒙版情况:引导性

  • 学会这3个小技巧,轻松提高设计转化率!

    页面转化率低?用户留存少?看完你就明白为什么了!前言影响 APP 转化率的因素有很多,设计也是其中重要组成部分,那设计师需要如何应对,才能助力用户转化呢?从用户角度来看,助力转化就是扫清理解障碍,提升浏览意愿与顺畅度。想要以设计语言达成以上目的,快速传达有效信息是十分重要的一环,接下来,我们结合案例,聊聊快速传达重要信息是如何通过节省用户时间来助力转化的。为什么要快速传达研究表明,人类在面对非自身兴趣的事物时,注意力只能高度集中 10 分钟左右,短暂休息后再次集中注意力的时间则为 7-10 分钟[1]。当用户使用

  • 从理论到落地!3个方面详析如何做好B端移动App设计

    我将从设计理论—实操—落地,三个部分解析B端移动APP设计。希望对大家有所帮助。认识B端随着跨设备跨平台的趋势不断显现,比如最近很火的鸿蒙,一部手机就可以完成办公场景到生活娱乐场景的转化,未来 B 端的管理系统不再局限于 PC 端,体验将不断向移动化对齐,使 B 端用户不再受时间和地点限制。1. B 端各个端口的特性:在保证使用体验下。pc 端、pad 端、app 端的功能会是一个下放的过程,屏幕越小功能越简化。比如有赞的美业工作台,手机端只有宫格功能入口,PAD 端除了功能入口外,把工作内容也做了露出,PC 端则展示了数据图表、快

  • 第八波!快速提升 UI 设计效果的 6 个小技巧

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的八篇,原文最早发布于marcandrew.me。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!1、留白应被视为最常见/实用的设计元素不要把你的整个页面都用信息

  • 从6个方面帮你快速掌握图标设计规范

    本文从图标类型、系统图标的尺寸和网格、图标的绘制、导出和命名等6个方面,帮你快速掌握图标设计规范。原文链接:https://www.uisdc.com/icon-design-rule

  • 这10个设计实战法则,学会了可以帮你跨过很多坑

    大家好,我是 Clippp。今天为大家分享的是「设计实战」法则。对于即将开始或者刚开始设计工作的小伙伴来说,如何将学习到的设计知识运用到实际工作中,始终是一个难解决的问题。学了很多方法,如何学以致用呢?在我看来最好的办法就是长时间实践,将这些方法转变为设计本能,这样每次开始设计时就会本能地想起并运用这些知识。一起来回顾如何将基本的设计知识应用到工作中,学会了基础才能慢慢进阶。线条和描边在文章《原子设计方法论》值得一学的设计思维模式中,讲到原子是构成设计的最基础的元素,在设计构成中,点也是最基本的元素。通

  • 掌握这 7 条准则,提升用户登录成功率!

    TCC 推荐:大家好,这里是 TCC 翻译情报局,我是李泽慧。登录是非常常见的用户操作,相信各位读者经常会体验到各种各样的登录过程。但是登录并不是一个简单的操作过程,其中仍然有很多值得注意的地方。本文结合各类案例,仔细说明了登录过程中的各类细节。登录页面的设计也许看起来很简单。我在 2020 年花了相当多的时间为一家社交媒体巨头设计登录和注册流程,并从中了解到:海量的思考和测试才能确保用户成功和轻松的登录。以下是我总结出来的重要经验。什么是登录?登录是进入一个应用程序 、网站或服务的入口。帮助用户建立他们的账户

共有3页首页上一页123下一页尾页

在线留言

免费咨询和获取报价
  • 电话直呼

    • 178 6662 5335
  • 扫码咨询报价