文章
关键词 [后台] 的搜索结果:
-
用好这4招,让AI帮你搞定图标设计!
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第150篇文章分享 Halo,这里是设计夹,今天分享的是「AI图标设计」。 对于整个界面来说,图标属于相对细节的设计元素,那么功能强大的AI工具能否生成符合我们要求的图标呢? 本次精选20+AI关键词提示,协助大家快速生成不同类型和风格的图标,满足更多的设计使用场景,一起来看看吧~ APP启动图标 我们先从启动图标开始。APP的启动图标代…
-
为了一次性掌握这些UI/UX设计准则,我准备了20张设计图解!
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第141篇文章分享 Halo,这里是设计夹,今天为大家分享的是「设计准则」。 感知力是大脑将不同的信息连接和组织成一个连贯整体的机制。例如我们将相似的对象分组并连接起来,能够轻松地区分出不属于该组的对象。 大脑在处理和组织看到的信息时会使用一套快捷方法,了解这些方法是设计成功的关键要素。 在UI设计时,我们应该有意识地运用感知力,用足够的…
-
15个关键点,掌握B端表格设计规范+交互逻辑
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第142篇文章分享 Halo,这里是设计夹,今天为大家分享的是「B端表格」设计。 表格作为B端产品中重要的界面组成部分,承载着内容展示、数据记录等多重任务。每家产品的表格看起来构成差不多,但在交互细节上仍然有很多好的地方值得我们仔细思考。 本次通过整理10条B端表格设计规范+5条B端表格交互逻辑,系统掌握B端产品中的表格设计~ B端表格规…
-
界面设计进阶密籍:掌握这些基本要素,让你的设计脱颖而出
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第143篇文章分享 Halo,这里是设计夹,今天为大家分享的是「界面设计要素」。 当下大多数界面设计类软件都是以矢量图的方式工作。通过调整参数来定义图形的大小,并且在不降低质量的情况下对图形进行拉伸和放大。 在进行界面设计时,我们需要生成出各种尺寸的矩形、圆形等对象,规定这些对象的尺寸和样式,并对这些对象进行移动,将它们放到合适的位置上。…
-
想让设计更吸引人?这7种调色板示例可以帮助你!
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第144篇文章分享 Halo,这里是设计夹,今天为大家分享的是「调色板设计」。 创建调色板对于设计过程至关重要,调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。 现在网上有很多调色板生成工具,例如Materia design、Arco design,确定主色后,这些调色板生成工具会生成完整的色板。 在使用这些工具前,我们要先…
-
如何用Midjourney生成B端产品页面?收下这份AI关键词总结!
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第146篇文章分享 Halo,这里是设计夹,今天继续分享「AI工具Midjourney」。 在上篇文章中,我们讲到了如何利用MJ生成多种风格的APP界面➡️,这次更进一步来讲讲Midjourney在B端设计中如何发挥作用! 通过文本描述、图片描述两个AI方法,讲解在Midjourney中生成交互线框图、设计组件到B端页面的整个流程,如何助…
-
比Midjourney还实用!深度体验PS内置的AI绘画功能
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第149篇文章分享 Halo,这里是设计夹,今天分享的是「PS的AI绘画功能」。 当下各种新的AI工具层出不穷,MJ和SD也在持续更新,让我没想到的是老牌的PS也加入到AI浪潮中,推出了一个相当炸裂的AI功能。 刚开始看到PS中能使用AI,我的预期并不高,相信很多人对PS的印象是功能强大,但年代感也很强,与当下流行的在线设计工具有点脱节。…
-
如何把握页面设计中的平衡感?请记住这些思考点!
Clippp的第51篇文章分享 做设计需要讲究各种平衡:体验与技术、时间与成本、企业与用户…实际上一个简单的页面也需要把握平衡才能让用户满意。 表面来看,通过简单的排版就能让元素之间找到平衡的感觉,但平衡背后的交互逻辑才是思考的关键点。 1.对称平衡 页面设计中平衡最常见的例子是对称。对称给用户带来一目了然的感觉,并使页面具有条理性。 对称平衡通过水平和垂直方向的划分,帮助构图更加规范,用户使用起…
-
字体排版需要掌握的10条原则
大家好,我是Clip。后台小伙伴留言想了解「字体排版」。排版中除了把字体调大…其实还有很多实用的规则和技巧可以利用起来。 2020年的第42篇分享 看完大概需要这首歌的时间 选择合适的字体是排版开始的第一步。当然排版中除了改变字体大小,其实还有很多内容可以调节。 这里分享UI设计中字体排版需要掌握的技巧和标准原则~ 1、行高/行间距 首先介绍两个容易混淆的概念——行高和行间距,两者在中英文的用法也…
-
简单实用!系统化总结「地图标签」设计
大家好,我是Clippp。今天为大家带来的文章是「地图标签」设计。很多App会内嵌地图功能,这些地图的功能相对简单,更多是起到查看和引导的作用,但在产品中又不可或缺~ 2020年的第36篇分享 看完大概需要这首歌的时间 除了常见的地图类App,还有其他很多产品会根据使用需求嵌入地图功能,通过在地图页中添加引导性的交互标签,让用户了解所处的位置或者导航路线。 如何保持地图页面与产品风格统一,同时又方…
-
掌握这些快捷操作,轻松上手Figma!
大家好,我是Clippp。后台有小伙伴留言想了解「Figma」的用法。Figma的界面和功能与Sketch基本保持一致,掌握基本用法后,每个人都能轻松上手使用。 2020年的第41篇分享 看完大概需要这首歌的时间 Figma作为基于浏览器的多人协作式设计工具,可以跨Win/Mac等多个平台使用。Figma操作页面与其他软件类似,熟悉Sketch或XD的铁汁可快速上手Figma。 这里提供一些常用的…
-
用一篇文章,带你了解12种常见的网页布局设计
大家好,我是Clippp。后台有小伙伴留言想学习「网页设计」。出色的Web布局设计能够增强内容的可读性,易于使用并为用户提供积极的体验。 2020年的第39篇分享 看完大概需要这首歌的时间 为什么了解网页布局很重要?网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。 这里将介绍一些常见的网页布局形式,例如卡片式、分屏布局、网格布局……一起来看看吧! 一、卡片式网页布局 卡片式布局被P…
-
如何创建更好用的UI调色板?
大家好,我是Clippp。今天为大家带来的文章是「调色板」。颜色的搭配和选择影响着产品最后呈现出来的视觉效果,合理的颜色配比能加深用户对品牌的印象。 2020年的第38篇分享 看完大概需要这首歌的时间 色彩无处不在。因此对于设计师来说,选择和使用合理的颜色来实现业务目标是一项挑战。 颜色的选择会影响产品的视觉样式,也会影响用户对产品的感觉。下面是创建一套UI配色方案的实用技巧,一起来看看吧~ 一、…
-
面包屑导航还能怎么设计?试试这几个新思路
大家好,我是Clippp。今天为大家带来的文章是「面包屑」导航。面包屑实用的地方在于可以让用户更快地访问上级页面,无需借助浏览器的返回按钮或顶级导航栏。 2020年的第34篇分享 看完大概需要这首歌的时间 面包屑作为一种辅助和补充的导航方式,能让用户知道在网站或应用中所处的位置并允许用户快速访问要查找的路径, 相较于桌面端网页,今天移动端网页的尺寸都变得很小,面包屑导航需要怎样设计才能更好的满足手…
-
如何做好「空状态」设计?来看资深设计师的总结!
大家好,我是Clippp。今天为大家带来的文章是「空状态」设计,良好的空状态设计能提升产品体验,有效留存用户。文末同样整理了很多优秀案例,一起分享给大家! 2020年的第26篇分享 看完大概需要这首歌的时间 虽然空状态对用户体验很重要,但它常常被忽略。了解空状态的概念以及如何使用它们,可以有效提高产品的特色和价值。 文章目录: 什么是空状态? 在产品设计过程中,设计师有很多机会创造愉悦和有意义的体…
-
6个步骤,构建高质量的用户画像
大家好,我是Clippp。后台有一些小伙伴留言想了解「用户画像」,今天这篇文章就通过分析用户画像的设计原理,探讨用户画像如何为产品服务。 2020年的第25篇分享 看完大概需要这首歌的时间 用户画像的概念最早是艾伦库珀在20世纪80年代提出。 最初只是一个简单的想法,库珀后来将其正式化,现在用户画像用于优化各种产品的体验,成为产品设计必须利用的策略之一。 文章目录: 什么是用户画像? 用户画像是基…
-
突袭!PS 2023 v24.5 带来AI智能工具栏等黑科技新玩法!改变游戏规则!
PS 2023 24.5版本带来更AI智能化的设计体验! 全新的工具栏让你的设计更加高效,智能移除功能帮你快速清除不需要的背景,创意填充功能让你的设计更加丰富多彩,改进渐变功能让你的色彩更加柔和自然。 除此之外,全新的启动界面让你更快速地开始你的设计之旅。每次升级都能给你带来不一样的体验,让你的设计不断创新,不断进步。 Win/Mac/M1芯片安装包文章尾获取 全新启动界面 一.视频介绍 二.功能…
-
使用AI进行网页UI设计,附关键词描述案例!
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第148篇文章分享 Halo,这里是设计夹,今天分享的是「用AI做网页设计」。 在之前的文章中,陆续分享过用AI进行APP界面设计、B端设计、组件设计等内容,接下来继续分享在网页设计中,AI能够发挥出怎样的作用,有哪些必备的关键词描述。 AI中有哪些针对网页UI设计需要特别注意的描述规范呢,结合实际的应用案例,一步步生成网页设计。 使用否…
-
Midjourney直接生成UI界面!AI设计体验指南
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第145篇文章分享 Halo,这里是设计夹,今天为大家分享的是「AI工具Midjourney」。 目前国内外有很多热门的AI绘图工具,其中Midjourney是目前我觉得最容易上手的工具,对于完全不懂AI绘图、想试试看的新手来说,是很不错的入门选择。 而且现阶段的AI已经能辅助进行设计,视觉效果相当吸睛。 那么UI/UX设计师能用Midj…
-
6个最有效的Midjourney AI精准出图技巧
关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第147篇文章分享 Halo,这里是设计夹,今天分享的是「AI出图技巧」。 AI生成的作品虽视觉效果很棒,但容易出现每个人都会遇到的痛点问题:脑海里预想的效果和AI生成出来的往往落差很大,而且反复重新生成好多次仍达不到想要的效果。 这是一套官方通用的描述模板,不一定每个类型都会设定,但输入顺序大概是这样:「主体、情境、道具、气氛、风格、艺…