分类: UI设计
thumbnail

Figma 2024所有重磅更新说明,AI隆重登场!

一、Figma AI 系列功能 在这次的更新中,AI 功能的加入绝对是一个大的亮点,AI 应该说是这两年最火的词了,那么当 AI 遇上 Figma 会碰撞出什么样的火花呢?反……
thumbnail

移动端适配逻辑和关键方法(菜鸟版)

网页端的适配和响应式输出了不少,但是移动端的适配方法却和网页端有一定的差异,不能直接套用。加上最近关于移动端适配的学员问题有很多,所以我干脆汇总一篇……
thumbnail

移动端适配逻辑和关键方法(进阶版)

一、不同像素密度的适配方式 屏幕规格除了前面提到的大小规格外,还有个非常重要且基础的概念 —— 像素密度。 常规情况下,分辨率指的是屏幕的像素组成数量,比……
thumbnail

2024 年 UX/UI 设计师必须尝试 21 款 AI 工具

这篇文章,提供了最新的 AI 设计工具列表,确保你能获得当前最新、最有效的 AI 设计资源。无论你是要绘制线框图、创建高保真原型,还是需要 3D 模型来增强你的……
thumbnail

Web端后台导航产品设计规范

做的后台产品比较多,就梳理了一些关于后台设计方面的规范,今天主要分享的是关于后台导航这一块,希望能带来一些启发。 回到生活中,平时我们在公园里看到的……
thumbnail

移动应用程序手机端导航栏设计指南

手机端导航栏通常是指在移动应用程序中,用于导航至不同页面或功能模块的界面元素。它位于屏幕的顶部或底部,并提供了一系列按钮、图标或文本链接,用户可以通……
thumbnail

设计师必学两大规范—iOS HIG和Material Design

中国每年有50万的设计毕业生,相比之下,能够进入大厂的寥若晨星。但所有投身于设计的设计师,都有一颗渴望成长的心。现在,我们整理成文章发表出来,希望给选……
thumbnail

B端数据可视化设计指南(信息图表UI篇)

一、数据可视化的基本信息 1. 数据可视化的定义 较为笼统的来说数据可视化是一种由图形、图像、数字等元素组成的语言用于解释、呈现目标数据之间的关系。 从这……
thumbnail

2024 Figma 必备10个神级插件,用起来!

Figma 为设计师提供了灵活、高效、协作友好的设计环境,已经成为许多设计团队首选的工具之一。社区的插件是设计师们提升工作效率不可或缺的神器。 今天为大家……
thumbnail

Web端设计语言库布局:框架、页面层级、栅格系统、页面适配

设计语言库从设计价值观、设计法则、布局、视觉、数据可视化、动效这 6 大模块进行构建,这里主要从布局、视觉、数据可视化这 3 大模块进行阐述。其中 Web 布……
thumbnail

AIGC 从原型到 UI,ChatGPT、Figma实战案例

学习如何用AIGC去做界面、以及怎样指导我们进行优化。 利用“AI”做界面主要会用到四个工具:Chat GPT、Figma(Wireframe Designer 插件)、即时设计(即时 AI)……
thumbnail

figma、Sketch、即时设计...2024 9款UI设计工具推荐

过去的几年里,Sketch和figma的结合一直是许多设计师的选择,但其他工具也提供了有竞争力的特点和选项。原型设计和线框工具的选择从来没有比以前更好,那么我……
thumbnail

UI标准设计流程——让设计更有价值

设计团队规模扩大,人数快速增多,但每个人都带着自己以往工作经验和习惯,一些典型问题也相应显现:上手就干、主观设计、缺少方法、忽视跟进等等。 所以我们……
thumbnail

2024 年 UX/UI 设计趋势,未来科技体验的可能性

一、从便当盒而来的 Bento UI 便当盒是日本午餐和午餐盒文化的重要组成部分。他们以井然有序的方式储存食物,并保持着食物清洁。 图片来源 — Freepik 从便当……
thumbnail

阿拉伯语本地化RTL界面设计指南

阿拉伯语,是世界上第三大书面语言,仅次于英语和汉语,在中东大约有6亿多人在使用。在“一带一路“的出海浪潮中,阿拉伯语本地化是绕不开的一个课题。 阿拉伯语……
thumbnail

2024年热门UX / UI设计趋势总结

设计界每年都会有新趋势,这些趋势不仅好看,还很有生命力,会被其他设计师争相模仿。不管你喜欢还是不喜欢,总有一些设计趋势是既聪明又实用的。这些趋势可以……
thumbnail

扁平化设计趋势的兴起与现代设计的变更

设计趋势来来去去,但一个普遍的趋势已经流行了很长时间,那就是扁平化设计,现在也几乎是无处不在,UI中的按钮,Logo,图形设计等等。 最近感觉设计风向有点……
thumbnail

移动端常用组件:对话框(Dialog)的用法

注:文中的组件样式来自于开源的光音设计规范。 一、定义 一种模态①窗口。它在用户需要做出选择或输入信息时出现,直到用户做出选择或取消操作之前,会阻止与……
thumbnail

APP设计3个步骤,提升界面质感!

家聊聊用户体验五要素之一——表现层。表现层决定了我们界面上的信息能否很好地被用户感知,以达到产品/设计目标。 一个好的界面能够为用户提供有效的引导和舒适……
thumbnail

AR产品界面在不同Dof下的设计

果子avp的发布,xr领域变得越发热闹(投融资和各种文章多了不少)。设计(UI、UE、PD)领域也开始越发关注AR设计。 现今的AR产品,还没有一个可以作为“定义”AR……
thumbnail

UI设计视觉动线,抓住用户的眼睛

一、什么是视觉动线 视觉动线指用户在接触屏幕内容时,目光会自然而然地沿着一定的线路移动,这种线路被称为视觉动线。在UI设计中,了解用户的视觉动线可以帮……
thumbnail

移动优先设计指南与最佳实践2023

移动优先是一种从移动端开始产品设计过程的设计方法。首先设计网站或应用的移动版本。然后基于移动版本适配平板电脑版或桌面版本。换句话说,我们首先针对智……
thumbnail

小米商城产品站UI改版,高端化升级设计解析

前言 电商产品最重要的两个板块,一是首页,负责流量分发;二是产品站,也叫产品详情页,负责销售转化;这两个板块基本串联着整个产品,设计的好坏,直接影响……
thumbnail

9个案例告诉我:“可视化设计”竟这么简单!

数字时代+信息爆炸的背景下,人们需要更有效的方式来理解和处理大量的数据和信息。 在这个时候,可视化设计崭露头角,以其令人目眩神迷的视觉奇迹为用户带来了……