菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
UI组件 话题
首页
设计文章
UI组件
运营设计
收录35篇文章
sketch教程
收录30篇文章
免费图标
收录30篇文章
服务设计
收录32篇文章
QQ设计
收录36篇文章
神器推荐
2.9w
实用干货!2021年5月值得收藏的8款UI组件与工具
对 UI 设计师而言,成熟的设计工具、UI组件提升设计流程和效率的重要保证。这篇文章梳理了一波特别值得收藏和尝试的 UI 设计组件和管理工具,快来看看吧:Nucleus UINucleus 是一个免费且足够强大的 UI 组件库,可为你提供设计全套移动 APP 所需的 UI 组件,其中包含 300 多个不同的组件,总计 58 个不同的类型,36 组界面实例,让你可以更快进入设计状态。这组 UI 组件主要是在 Figma 当中使用的。
2021/05/26
陈子木
UIKit
UI
3.7w
用一个落地项目,帮你掌握Sketch组件的制作思路
本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。
2020-08-10
土拨鼠
Sketch组件
UI
3.0w
用交互经典四原则,帮你做好导航栏设计
我参阅了大量的应用,想总结出它们是如何运用导航栏来给产品赋能的。竟然很巧地发现,再花式的导航栏设计也难逃「四策略」手法。
2020-03-13
土拨鼠
UI
UI
2.9w
你和专业 UI 设计师之间,可能只差这组知识点
「虽然说不清楚,但是总感觉你的UI哪里不对。」很多入行不久甚至有一定工作经验的 UI 设计师经常会听到这样的声音。
2019-11-26
陈子木
UI组件
产品
3.5w
进阶方法!可能是最全面的组件设计完全手册
后台系统中,存在大量的组件,合理的应用是做出良好产品的基本功。本文梳理了常见的「选择」和「输入」,也算是自己长时间产品设计过程中的梳理、认知和总结,自然有不全之处,希望对大家有所帮助。上篇:选择允许用户从选项中进行选择操作,用于选择对象或数据,偶有直接触发行为。
2018-09-25
程远
UI组件
下载
10.6w
您有一份200套的免费UI素材包未接收,请打开文章领取
今天干货福利给大家带来200套优秀的免费 UI设计素材包,这些 UI素材可以作为临摹学习和设计灵感参考,内容包括 APP用户界面、Mac 和 Wins系统、UI组件等等。1. 播放器界面△ YouTube播放器,作者:Damian Patkowski有些模板还标注了网格参考线,更好的帮助你理解版式和布局,顺便复习一下网格系统。2. 菜单及选项面板3. 按钮开关4. UI组件5. 后台操作界面6. Mac/Wins/iOS系统界面安装使用步骤:本套素材大部分为 PSD文件,其它还有 ai、eps、sv...
2018-07-12
程远
psd素材
UI
3.7w
超全面的导航设计基础知识总结(一)
随着移动互联网的不断发展,「以移动为中心」的理念和战略也不断渗透,互联网的「短、平、快」往往使设计师们无法长时间停下来思考可用性设计,快速找到最佳的设计方式是对我们一大挑战。「移动端界面设计模式」是基于大量设计师的智慧和尝试总结下来的可实施的解决方案,可以帮助我们解决绝大多数常见的移动界面设计需求,因此,在这里我将移动端的设计模式一一阐述,并附上我们常见的一线移动端产品作为案例作为解释。希望给广大的设计师们在设计方案中提供基石和支撑。
2018-07-09
程远
App设计
教程
1.9w
超长篇干货!如何从交互维度量化用户体验?
之前参加了回音分享会,认识了很多新朋友,线下分享时间有限,可能有很多东西没有讲的很透彻,所以整理了一下我当时的 ppt 和想要表达的观点,写了这篇文章,和大家分享一些在产品和交互设计中的一些自己的方法。一、什么是交互狭义的交互(Interaction)定义交互主体必须是人本身,而客体可以是产品,环境,服务等等,且不论交互客体是什么,只要主体是人,人和客体去进行交互的时候,一定是人带着心理预期施加一个行为,然后客体会根据这个行为给予一个反馈(没有反馈本质也是一个反馈),而人会根据这个反馈是否符合预期去...
2018-07-05
程远
UI组件
神器推荐
7.7w
谷歌这款 Material Theme Editor ,让你做设计又快又好!
本篇文章主要是详细介绍 Material Theme Editor 这款工具如何使用,让大家快速熟悉和了解 Google 的这款工具,希望对大家能够有所帮助!△ Google 官方 Material Theme Editor 的操作视频一、Material Theme Editor —「一款强大的主题编辑器」在2018年5月份的 Google I/O 大会上,Google 设计团队一款叫做 Material Theme Editor 工具,可以帮助开发者更轻松地制作既符合自身品牌又符合 Materi...
2018-06-03
程远
Google
交互
2.3w
交互基础小课堂!移动端的导航设计模式
在《用户体验的要素》一本书中,Jesse James Garrett 将用户体验分为了五个层级,战略层,范围层,结构层,框架层,表现层。其中在框架层里面有一个很重要的概念就是导航设计,作者对导航设计的定义是:元素的组合,允许用户在信息架构中穿行。我觉得可以把导航设计理解为:我们从用户的心智模型出发,结合业务目标,对信息架构的一个梳理,来帮助用户完成目标。
2018-05-26
程远
App设计
UI
1.5w
如何将品牌与UI完美结合?Google新规范告诉你答案
2018年5月9日凌晨1点,Google 开发者大会上对 Material Design 做了更新的讲解,其中令我印象深刻的是 Google 对图形语言单独拿出来做一个模块来解释,如下图我标红的地方。对!就是这个 SHAPE 的单词,为什么我会如此看重,大家应该知道构成设计语言的四大基础原子是:字体/颜色/网格系统/图形,这里的图形包括图标和一些辅助图形。
2018-05-14
程远
Google
UI
4.4w
新版抢先看!Material Design 的7个重大更新
2018年5月9日凌晨1点,谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕,谷歌不仅对 AI 技术进行了更深层次的提升,同时也对 Android 系统进行了更新,谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲,「在 Android 过去的10中,已经成为了一个开放的系统。」随着 android P 的诞生,谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。尽管此前传闻称有大改,但从刚刚召开的 I/O 2018 开发者大会来看...
2018-05-14
程远
Google
教程
4.6w
内部教程!超详细的支付宝设计规范之图形图案篇
一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分,通过几何图形(矩形、圆形、三角形)的组合,造型鲜明,可以传递出支付宝品牌的安全感、信赖感和专业感;基础的几何图形通过不同的灵活组合,可以创造出千变万化的造型感,符合想象力的品牌调性;30° 角度给人以速度感,图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。通过以上描述打造出来的图案图形可以传递支付宝安全感、信赖感和专业感的...
2018-04-06
程远
ICON
教程
4.1w
APP设计中,6种常见组件的区别与用法
在APP设计中,有很多组件有着类似的功能和用法。如何正确使用这些组件?这些组件之间有什么区别?
2017-12-15
程远
UI组件
教程
2.2w
从设计指南说起,详解iOS系统组件分类体系
Echo :由于iOS 和 Material Design的组件体系有些不一样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说,脑海里没有一套属于自己的组件分类体系。一说组件,脑子里面只会蹦出弹窗、toast、操作列表等。
2017-09-20
程远
UI控件
UI
34.8w
「这个控件叫什么」系列之小红点+索引导航+分段控件
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼,正式的名称为「Badge」(徽标),Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字,表示有新内容或者待处理的信息。△ 形态各异的Badge(徽标)如何使用无数字和有数字Badge使用场景Badge可以分为无数字和有数字两类...
2017-03-23
程远
UI控件
下载
13.1w
设计师专属的12套UI工具包PSD打包下载
我们提倡自己动手丰衣足食,但是有时候时间紧迫的情况下,怎么才能迅速设计出界面又不被总监骂呢?毋庸置疑,肯定是借助互联网,下载使用前辈们免费分享出来的UI工具包最省时省力咯!相信这也是设计师们最喜欢的资源了。
2014-08-18
uisdcer
PSD
教程
1.9w
大福利!献给网页设计师的15款免费UI Kit
拥有好的交互界面,才可以合理整合内容满足用户的期望和需求。优秀的用户界面是具有一致性的,能够让网站更易于理解和使用。同时,当用户面对两个同类网站或者应用的时候,UI的漂亮与否会成为决定性因素。
2014-05-21
陈子木
ui kits
下载
3.7w
设计师福利!18套免费的UI组件和线框图工具打包下载
有很多同学在把设计稿辛苦做完给到总监确认的时候,有没有被他批评说:这不是他要的。或者被客户说,你怎么做成这样了。其实出现这个情况的原因就是你没有在前期好好沟通,画出线框图确认页面基本元素。
2014-05-16
Roc
psd下载
下载
3.7w
10月份免费新鲜的27款UI组件下载
设计师们还没更新模板吗?这是优设10月份搜寻的UI模板,总共有27款,大多数为扁平化设计,都是免费且最新的,希望这些收集能给你正在进行的项目一点帮助 : )同样精心收集,希望对你有帮助 : )52款新鲜免费的优质界面PSD下载50个超赞的免费设计师工具资源下载Apple Product Line Wire Frame PSD by Rubayath Chrome UI Kit v.2 by Todd Hamilton Video Player by zucchero ...
2013-10-18
程远
ui kits
下载
6.5w
9月典藏!50个超赞的免费设计师工具资源下载
互联网最伟大的精神在于分享,我们喜欢探索、喜欢发现,务求将最好最新的资源呈递给所有设计爱好者。相信这里面你大多数都还没见过呢!50个免费资源:包括了图标、字体、PSD、矢量图、图案、UI套件、调试工具等等。
2013-09-25
ranger
ICON下载
UI
4.6w
50套超赞的UI组件打包下载
@香布拉啦:本文为大家带来50套优秀而且免费的UI组件包,这些UI组件可以用于设计网页、APP和软件的用户界面,使用这些UI组件的时候,请阅读使用许可条款。打包下载:Part1 Part21.MILK牛奶UI2.透明UI3.Blugraphic深色UI4.纯净风格UI5.多媒体黑色UI6.柔光UI7.深色UI8.Hanna UI9.午夜UI10.朦胧UI11.黑色UI12.纯净风格UI13.双色豪华UI14.整洁风格UI15.Blaubarry?UI16.?Mega Web Elements U...
2013-04-11
香布拉啦
PSD
没有更多文章了
大家都在看
设计规范
文章 198
立即查看
设计流程
文章 145
立即查看
UI
文章 143
立即查看
ui设计
文章 845
立即查看
psd下载
文章 133
立即查看
职场经验
文章 147
立即查看
神器推荐
文章 342
立即查看
设计师干货
文章 218
立即查看
设计师专访
文章 147
立即查看
优设读报
2022年05月22日 星期日
01
2022 世界清洁能源装备大会 LOGO 和吉祥物正式公布
02
数字版英特尔博物馆免费向公众开放,可虚拟参观
03
武汉首家 Apple Store 直营店于今日开幕
04
夸克 App 发布全新品牌 slogan
05
第 40 届香港电影金像奖海报曝光,张叔平操刀设计
查看全部
游戏设计
那些日进斗金的游戏是如何做好设计的?
查看专题
专题
已有15.4w位观众
已收录
9
篇持续更新
4000字干货!做好游戏化设计的 8 类机制和52个元素
8103 人阅读
阿里出品!游戏化设计完整自学专题:世界观篇
18809 人阅读
细节
「搜狗输入法」将我的爱意化成一首歌
用户体验好的产品都有一个共同的特点就是它们会预判到用户即将发生的操作并及时给出解决方案,为用户带来一种极致的爽感。「搜狗输入法」就是这样一款产品,在聊天过程中你只要提到天气它就会弹出当地天气状况,提到部分感性化的词语就会弹出歌曲推荐给用户。根本不需要去其他的App找资源后再分享过来,时时刻刻以用户为服务中心,这样的输入法你能不爱吗?
2019-06-17
李炜健
人性化
设计问答
全部问答
设计师要怎样与程序员进行正确有效的沟通?
邀请你来回答
不知道大家是不是有这种感觉,我每次和公司程序小哥哥对接的时候,都很难达到共识,而且中间会耗费好长的时间去沟通效果的时间,有时候修改效果图甚至妥协,很苦恼,有什么比较好的方式可以提升沟通效率么?
我来回答
优设琅琊榜
查看全部
1.5w
1/9
别盯着斐牙作品里的眼睛,那里藏着一座座喷发火山
Feya斐牙
有些地方注定会到达!
设计神器
全部神器
Adobe重大更新!PS CC2017新功能全方位盘点(附总结)
神器推荐
数百种动态效果可商用!Icon 8官方出品的动态图标库来了!
神器推荐
姗姗来迟的总结!2014年最佳的十款交互设计工具
神器推荐
来看看吧!2018年4月设计圈超实用干货大合集
酷站推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
优设内容编辑
武汉
本科及以上
1-3年
8-10k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
UI设计专家/总监
北京
本科及以上
5年以上
35-55k
查看全部
行业新闻
发布行业新闻
「NVIDIA Studio 创意加速」中,展示概念艺术家 Pablo Muñoz Gómez 充满奇幻色彩的艺术作品
品牌资讯
永顺文创新名片来啦!15 件公益设计官入选作品公示
活动赛事
“省长杯”工业设计大赛:安全应急与健康环保类专项赛作品征集启动
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题