行业资讯
行业资讯:
设计资讯
  • 如何设计交互缺省页?我总结了这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 年花了相当多的时间为一家社交媒体巨头设计登录和注册流程,并从中了解到:海量的思考和测试才能确保用户成功和轻松的登录。以下是我总结出来的重要经验。什么是登录?登录是进入一个应用程序 、网站或服务的入口。帮助用户建立他们的账户

  • 2021 出镜率最高的 7 种网页 UI 风格

    虽然说 2021 已经快到 10 月份,但我最近我还是花了点时间,搜罗全网设计,总结出了这 7 种出镜率最高的版式风格,也是今年最流行的设计表现形式之一。看完这一波网页 UI 类设计,再也不愁接下来该如何做设计创新了。图与线叠加这是今年出镜率比较多的一种设计风格,不管你是在 Dribbble 还是 Behance 上都能见到它的影子。这种风格设计最大特点:形式感、聚焦、简约而不简单。当然还可以是将线圈与文字叠加图片,有一种层叠纵深布局感受。又或者说图形只是作为装饰作用。纯文字版式纯文字版式在今年版式中出镜率也是相当之高,包括深圳设

  • 超详细!总监出品的B端设计规范指南(六):导航栏

    B端导航栏的认识B 端导航栏,是 B 端项目最重要的模块(没有之一)。一个优秀的 B 端导航栏,可以清晰地连接项目的所有功能、模块,让访问者高效的在模块间穿梭。通常,在进行具体页面设计的时候,我们第一个设计的模块也是导航。在主流的页面框架中,导航分为两种,顶部导航和侧边导航。有很多 B 端产品官网使用的顶部导航,并不能作为管理系统导航,仅仅是一般网站导航。比如阿里云或腾讯云官网上方的导航。这类导航主要应用在企业官网中,通过比较密集的信息密度,将提供的产品或服务全部罗列出来。而侧边栏虽然可以做不少花哨的样式,

  • 第一波!设计师必须注意的 12 个 UI 设计小技巧

    还记得那个每年都会总结 UI 和视觉设计趋势的资深设计师Michal Malewicz 么,他最近开始在推特上分享他日常工作中注意到的 UI设计技巧,这些小技巧虽然零散,但是很好地总结了 UI 设计的一些常见问题。结合这些小贴士,对着自己的设计来进行快速检查,能够定位并解决很多常见的小问题。1、尽量避免使用轮播图指示器绝大多数用户都只会往下翻看页面, 横向翻页的轮播图多数时候用户不会翻动查看的。🥵轮播图通常很难快速引起用户的兴趣。😇如果可以尽量移除这个功能,或者使用其他的选项控件来替代它。2、使用指向性明确的按

  • 想把数据可视化做好?这 20 个超实用的经验总结一定要先看过!

    在如今这个时代,越来越多的信息和内容呈现开始依赖数据驱动,也开始有更多的场合需要信息图来辅助呈现,对于可视化数据,从来没有像现在的要求这般高。但是另一方面,我们周围充斥着大量错误的图表呈现,希望这篇文章提供的 20 条建议能够帮你设计出更好的信息图。1、选择正确的图表类型不同的图表类型所承担的功能是截然不同的,不合理的数据呈现会容易让用户误读。同样的数据可以使用不同的图表呈现出不同方面的特征,因此,在设计信息图之前,先理清需求,再来选择使用哪种图表能够更好地呈现。2、根据数据的正负值选择正确的绘图方向

  • 顶部导航 vs 侧边导航,到底哪种更好用?

    桌面和大屏幕上导航栏要怎么设计其实是一个经常被拿来探讨的问题,如今这也是 B 端设计中绕不开的一个设计问题。Jennifer Rose Kingsburg 曾经有针对网页的三级菜单导航进行过一份研究,结论是在左侧设置导航好处多多。此外还有很多类似的研究,你可以在这里看到很多相关研究的摘要。值得注意的是,这些研究大都是 2017年之前的研究成果,而如今很多设计范式发生了变化。1、左侧导航更容易浏览Eyetracķ荷兰国际集团的研究表明,用户习惯于使用 F 式的浏览路径,这使得左侧导航在一般情况下有着相对更强的可用性,它不需要用户视线上的

  • 信息流产品个人资料卡如何设计?这些思路供你参考!

    在信息流产品中,个人资料卡是一个很重要的页面。一方面,创作者通过这个页面展示账号价值,突显账号魅力,引导用户关注;另一方面,消费型用户通过这个页面了解创作者,查看创作者更多内容,是众多消费型用户消费内容中重要的一环。只有把这个循环做好才能长期促进平台生态发展。这个页面承载着这么多的价值,该如何设计?本篇将以 QB 看点号资料卡升级的设计思路为例,进行分析解答。前言在前期分析过程中,我们发现当前版本存在诸多问题。从数据上看,对比公司内同类产品,关注按钮转化率较低(出于数据保护,数据隐藏)。从样式上看,

  • 2021年最实用的摩登极简风 UI 设计指南

    编者按:这篇文章来自资深设计总监 Diana Malewicz,她根据实际经验和设计流行趋势总结了梳理了当下可能是最有效的「摩登极简风」的设计指南:我一直期待出现一种全新的、功能性的、在视觉上还足够吸引人的风格出现,但是这种设计风格一直都没有出现。其实,如果单从视觉吸引力上来说,很多新的设计风格是能够做到这一点的,但是其中有的足够吸睛但是可读性不足,有的足够友好但是不够高级。好在广大设计师在逐渐的迭代的过程中,逐渐找到了在美学、功能和视觉吸引力上的平衡点,而这正是我要在今天的文章中分享的。我愿将这种设计风格定义

  • 从主流海外产品中,提炼了 8 个底部导航栏设计技巧

    大家好,我是 Clippp。今天为大家带来的文章是「底部导航栏」设计。很多受欢迎的产品中都有我们值得学习和借鉴的设计思考点,通过分析海外主流产品,带大家掌握底部导航栏(Tab Bar)的基本知识,找到解决问题的方法并开拓创意思维。在开始之前,请大家先思考下面两个问题~问题 1:你的产品真的需要 Tab Bar 吗?好像并不是。虽然淘宝、微信、微博、美团等大多数主流的产品都在使用 Tab Bar,但这并不意味着所有产品都需要它。很多APP没有Tab Bar,比如日历、计算器、滴滴、Uber等。对于是否要在APP中使用Tab Bar,应该分不同的情况灵活考

  • 超全面的数据可视化设计指南(一):设备篇

    各位数据可视化设计师们大家好,鉴于平时有很多同学对我们的可视化大屏的设计知识点有很多不理解的地方,阿勇决定花一些时间去详细剖析一下关于这方面的知识,全部都是多年工作经验所得,绝对有料。整个合辑一共有 10 篇文章,分别涉及到设备篇、风格篇、字体篇、色彩篇、组件篇、布局篇、版式篇、视觉篇、团队篇、技能篇十篇文章,具体展开来讲一讲可视化大屏设计的知识点。(我命名为可视化设计十要素)同时也会包含 同学们问我的问题以及我搜集的问题,将会以问答的形式去给大家讲一讲,如有不对的地方,还请大家指出,我们一起探讨进

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

在线留言

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

    • 178 6662 5335
  • 扫码咨询报价