菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网页设计 话题
首页
设计文章
网页设计
组件化设计
收录26篇文章
苹果
收录22篇文章
引导页设计
收录26篇文章
优设网
收录25篇文章
设计评审
收录26篇文章
1 / 32
到第
Go
页
新视野
4000 字快速回顾20多年的网页设计发展史！
本文作者将结合自身经历，帮你快速回顾下互联网的发展与网页设计的演变。
2022/05/11
设计史太浓
网页设计
产品
1.4w
尼尔森团队出品！5个帮你做好电商产品列表页的设计技巧！
编者按：这篇文章出自于用户体验设计领域的专业机构 NNGroup，他们从电商产品页的用户体验和交互的角度入手，详细梳理了分页的设计要点，不同的方案的使用场景和优劣对比，结合实际的设计案例进行了演示和解读：许多电子商务网站正在摆脱传统的分页控件，转而选择交互成本更低的设计模式，比如无限滚动。那么是否应该采用这些模式吗？通常，这取决于页面的产品数量。
2022/03/10
陈子木
交互设计
网页
1.2w
获得 FWA 和 CSSDesign Awards 当日最佳的，居然是鞋垫网站？
如果让你给一款鞋垫设计一个网站，你会怎么做呢？
2022/03/09
夏花生er
FWA
UI
1.9w
B端设计基础指南：网格系统
今天要聊的是关于网页设计的网格系统，为大家介绍网格系统的概念和应用。
2022/03/04
曲sir
ui设计
UI
3.6w
B端设计指南：网页布局方式科普
今天就来聊聊栅格在实际工作如何使用，以及产品之间究竟有何区别。
2021/12/16
CE青年
B端设计
网页
6.3w
如何高效地进行网页设计？重点关注这7个要素
如何高效地进行网页设计？本文重点讲解了需要注意的7个设计要素。
2021/11/19
Clippp
网页设计
UI
8.8w
灵感不愁了！2021 出镜率最高的 7 种网页 UI 风格
虽然说 2021 已经快到 10 月份，但我最近我还是花了点时间，搜罗全网设计，总结出了这 7 种出镜率最高的版式风格，也是今年最流行的设计表现形式之一。
2021/09/22
土拨鼠
ui设计
网页
8.1w
万字长文！帮你掌握网页端交互创意 99% 的玩法！
本文不仅总结了常见的交互动作组合，还包括 14 种视觉层创意形式和 24 种交互层创意形式，包括超多资源，快来收藏！
2021-05-20
泡泡bing
web交互
网页
4.1w
设计产品推广页，一定要注意这5个坑
我们在设计产品推广页时，要牢记它的目的和作用。这不是一场选美比赛或是创意比赛。
2020-12-13
土拨鼠
产品推广页
网页
4.2w
从易读性和易操作性两大方面，教你做好表格设计
如何设计一个准确、高效、易用的表格，是一件考验设计师功底的事。本文从易读性和易操作性两大方面帮你学会设计一个表格。
2020-12-10
土拨鼠
Web表格
网页
2.0w
看了几十款产品，总结了6大商家产品展示切入点！
商家产品展示页面是每个平台展示产品不可或缺的页面，到底如何来设计商家产品的展示页面，今天给大家看看我的总结。
2020-12-08
土拨鼠
产品详情页
网页
11.1w
2021年，这10种网页设计流行趋势值得关注！
这篇趋势分析的文章出自资深设计师 Lyudmil Enchev 之手，汇总了 2021 年在网页设计领域值得注意的 10 个重要趋势。
2020-11-25
陈子木
2021网页设计
网页
8.3w
用一篇文章，带你了解12种常见的网页布局设计
网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。这里将介绍12个常见的网页布局形式，例如卡片式、分屏布局、网格布局……一起来看看吧！
2020-11-20
土拨鼠
网页布局
UI
4.1w
用一篇文章，帮你看懂网页响应式布局原理
本文从响应式页面是什么、响应式布局的规则、响应式的设计流程三个方面，帮你彻底掌握网页的响应式设计原理。
2020-08-20
土拨鼠
响应式
网页
7.9w
如何做好网页头部内容设计？来看 58 设计师的总结！
怎样做出一眼就能抓人眼球的网站头部设计？来看这篇小而精的总结，让你快速掌握网站头部设计技巧。
2020-07-08
土拨鼠
头部设计
产品
7.1w
为什么说 Apple 的设计是魔鬼：网页篇
你是否也曾在苹果网页中找过设计灵感？它到底有何魅力？让我们一起从细节上一探究竟吧！
2020-06-02
土拨鼠
Apple
神器推荐
5.0w
这座网页设计博物馆，让我回到拨号才能上网冲浪的千禧年
本文要为大家介绍的宝藏博物馆，收录了见证互联网网页设计发展的设计创意遗产，来回忆互联网元年获取灵感吧！
2020-04-15
土拨鼠
Web Design Museum
网页
5.9w
网页设计后如何交接才能顺利落地？高手总结了这 6 个步骤！
本文总结了实际工作中网页设计交接的完整流程，做好这 6 步，能帮助你更好更快地明确设计需求、保证最终设计实现，提升设计效率。
2020-03-31
土拨鼠
工作流程
新视野
13.8w
这是2020年最值得关注的9个网页设计趋势
想知道 2020 年网页设计的趋势吗？在今天的这篇文章当中，我们将会围绕着这一趋势进行说明。
2019-12-03
陈子木
2020设计趋势
网页
8.6w
超实用！36种网页首屏布局大放送！
超实用！36种网页首屏布局，大家可以根据自己的需要选择哦。
2019-10-17
土拨鼠
网页布局
产品
3.0w
设计行业瞬息万变！别错过这份2019年网页设计商业报告
编者按：这份商业分析报告来自国外著名的网络托管服务供应商 FlyWheel，这份分析报告主要针对设计师和设计机构。报告中通过调研详细分析了2019年建站服务的玩法和一些常规的数据和操作的细节，值得参考。引言我们知道有一百万种方法来运作网站的业务，但是你想确切知道专业人士都使用了什么样的方法吗？
2019-08-23
陈子木
2019设计趋势
网页
16.0w
网页宽度到底该怎么定？这篇全面好文告诉你！
PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。本文让你快速上手！
2019-07-29
程远
网页宽度
教程
3.5w
用户转化率低？看看这21个高转化率的定价页面的设计秘诀
定价页面中，具体的设计细节其实对于用户购买和销售的转化有着直接的影响，怎样设计才会更有有效？
2019-04-28
陈子木
优秀网页设计
产品
18.1w
上万字干货！超全面的网页设计规范：文字篇
文字是界面设计中最基本的构成之一，如何定义网页设计中的文字系统？可大体分为三步：系统全面地了解文字的基础知识、显示方式、影响因素及当前网页设计中适合的文字系统；梳理出自己团队所有产品文字使用情况；综合第1步、第2步总结出适合团队业务的文字系统。注：网页设计规范色彩篇马上会发布在优设V+会员专栏，想获得整个网页设计规范系列干货的同学，请右戳 → https://www.uisdc.com/uisdc-vip字符屏幕显示原理 1. 字符字符是指计算机中使用的字母、数字、标点符号等等。
2019-02-28
程远
文字系统
教程
7.3w
流动的质感！流体效果是怎样赋予页面以生命力
在拟物化设计大行其道的时代，设计师在设计的时候会试图在数字界面中复刻现实世界中的元素和质感，大家戏称为「抄现实」。如今拟物化设计的热潮褪去，但是在设计UI和网页的时候依然在「抄现实」，只不过所「抄」的是更加深层的物理规则、运动特征和质感。物理是一门相当古老的学科，但是并不是每个人都能理解其中的规则，但是几乎所有人都能本能地感知到它的存在，当某个动效运动不合理的时候，会很本能地感知到它「不自然」，因为日常生活已经教会我们所有人什么样的特征是「自然」的。
2018-11-15
陈子木
优秀网页设计
教程
3.6w
这个看天气上线的网站，把节约做到了极致
互联网是一个需求不断增多的体系：需要更多的参与、更多广告，更多内容、更多代码、更多服务器和更多设备。最近几年，网站的规模也开始以指数级增长，统计表明，39%的美国年轻人表示，他们每天几乎会不停地上网。现如今，每个美国家庭都拥有超过10个可以接入互联网的设备，每个设备都有不低的能源消耗。
2018-10-15
陈子木
redesign
网页
13.5w
这9个视觉惊艳的网页，是这样设计出来的
设计是一个不断发展和变革的领域，很多时候，看似熟悉的设计趋势会在下一刻摇身一变，再次惊艳到你。灵活的创意和开放的想法，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计作品。这种点铁成金的成就感，大概也是许多设计师即使辛苦也会坚持下去的原因所在吧？
2018-09-29
陈子木
Tubik Studio
产品
2.6w
80%的用户时间停留在前三屏，然而八年前完全不是这样
Z Yuhan：这篇文章从一个眼动实验得来的数据分析用户对长网页的阅读习惯，以及对比八年前的数据发现用户行为的惊人变化。最后探讨一下用户行为与体验设计的时效性问题，以及从中得出的更深层次的思考。一、长网页的眼动研究最开始的时候，人们是不知道电脑屏幕是可以滚动的，直到1997年长网页才开始普及。
2018-09-18
程远
用户体验设计
教程
7.3w
虽然这9种技巧很简单，但是能够让网页迅速出彩
很多出彩的设计，并没有依靠太过复杂的技巧，通常是在经典的设计或者常见的布局行稍作调整，打破某一个规则，从而给人留下深刻的印象。这组案例作品来自印度 Logo 和 UI 设计师 Rishi Shah。
2018-09-18
陈子木
优秀网页设计
网页
3.7w
如何巧用气泡、斑点和流体元素，让网页不再单调死板？
随着设计工具和设计素材越来越丰富，设计师开始更加灵活地在网页中使用气泡、斑点和流体这样的元素，那么要怎么在网页设计的时候用好这些元素呢？今天结合9个网页实例，来分享几个实用的技巧~1. 用气泡元素营造视觉焦点在简约清爽的背景之下，使用色彩鲜艳，形体自然随性的气泡元素来创造视觉焦点，气泡和需要凸显的图片素材结合到一起，有目的地将用户的视线吸引到关键的元素上，最终起到提升转化率的目的。2. 用简约线性的气泡动画来驱动交互使用几何特征的简约气泡元素来构造动画，是一种成本比较低的做法，动画会随着用户滚动页面...
2018-09-14
陈子木
斑点元素
1/32
1
2
3
4
5
...
32
下一页
前往
Go
页
大家都在看
设计师职场
文章 695
立即查看
干货合集
文章 177
立即查看
用户体验
文章 857
立即查看
设计史
文章 142
立即查看
职场
文章 136
立即查看
配色
文章 154
立即查看
入门
文章 162
立即查看
交互设计
文章 725
立即查看
PS教程
文章 773
立即查看
优设读报
2022年05月26日 星期四
01
苹果 WWDC22 全球开发者大会将于 6 月 6 日开幕
02
网易云音乐上线新功能，支持歌曲一键分享至微信状态
03
微软 Power Apps 迎来 Express Design 快速设计工具
04
微信发布「绿苗计划」：监护人授权能力大大增强
05
飞书发布 People 系列产品，集成打通飞书人事、飞书招聘等全周期人事管理
查看全部
你丫才美工
一枚有态度又能讲段子的美丫姐
查看专题
专题
已有76.9w位观众
已收录
11
篇持续更新
哈哈哈！设计师专用表情包合集（一）
152963 人阅读
哈哈哈！设计师专用表情包合集（二）
88559 人阅读
细节
来QQ空间跟网友来一场拔河比赛吧！
下拉刷新一直是隐藏彩蛋的好地方！这不，在QQ空间的「好友动态」里只要点击进入动态详情页后下拉页面，就会收到「继续下拉进入拔河彩蛋」的提示。进入拔河彩蛋后，可以跟随机分配的网友来一场紧张刺激的拔河比赛游戏。
2019-06-15
海的格尔
QQ
设计问答
全部问答
Material Design 如何解决信息密集型的UI展示?
3.9k 设计师围观了该问题
当信息密集型页面使用Material Design会显得拥挤,很突兀的感观, 有什么好的方法和经验?
我来回答
优设琅琊榜
查看全部
8.3k
1/9
想让大家记住名字的FCCK
FCCK
你好，我是快乐的小画家
设计神器
全部神器
壹周速读：大厂是这样做设计的
神器推荐
想学最好上手的3D建模软件MagicaVoxel？这里有超多教程！
神器推荐
来看看吧！2018年4月设计圈超实用干货大合集
酷站推荐
在线就能剪辑音频！这个免费网站太酷了！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
网站内容运营
武汉
大专及以上
经验不限
4-6k
插画师
西安
大专及以上
1-3年
5K-10k
UI设计专家/总监
北京
本科及以上
5年以上
35-55k
查看全部
行业新闻
发布行业新闻
NVIDIA Studio 创意加速，带来出色的 AI 和光线追踪性能
新品推荐
超好用！让印刷作品质感倍增的 9 组印刷纸张类型
行业新闻
「NVIDIA Studio 创意加速」中，展示概念艺术家 Pablo Muñoz Gómez 充满奇幻色彩的艺术作品
品牌资讯
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
