菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

Web设计话题

网页 4.4w

一万两千字！超详细的Web表格设计指南

本文从表格的布局与构成、表格的视觉、表格的交互三大角度，层层深入讲解，帮你完整掌握Web表格设计的方法。

2020-12-02

小龙哈

产品 1.6w

从零开始！Web产品设计全新操作指南

最近在做工具类Web端的改版项目，借着项目踩过的一些坑给大家总结一份比较实用的web产品设计「葵花宝典」，可以帮助大家 0-1快速起手web的设计。无论是现在用的还是将来可能用的，先收藏着绝对有备无患。

2020-07-27

土拨鼠

交互 2.2w

5大策略，帮你设计一个体验优秀的Web端表单

如何设计出一个体验优秀的表单？学会这 5 大策略，帮你做出具有优秀体验感的 web 端表单设计。

2020-05-25

土拨鼠

UI 2.8w

如何构建 Web 端设计组件之树和日期时间选择器

Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。表单在网页中主要负责信息数据采集功能，用户需要填写输入信息数据并且提交到后端数据库，以此完成信息的采集，则这种组件就是表单组件。

2018-06-03

程远

教程 2.3w

如何构建 Web 端设计规范之文本与选择器

Echo ：根据组件的用途，可以分为六大类，Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。表单在网页中主要负责数据采集功能；用户需要填写输入数据并且提交到数据库，则这种组件就是表单类。本文主要讲解表单中的文本和选择器，其中文本分为 input 短文本、InputAutocomplete 短文本联想和 InputMultiline 长文本。

2018-04-23

程远

产品 5.4w

网易设计师：B端产品常用Web 列表设计模式总结

网易UEDC – 仉长娟：从事 B 端产品交互设计工作的半年时间里，有幸接触了面向开发和运维人员的 B 端业务类列表交互设计工作。为了方便后续在 B 端产品设计过程中可以更加高效且高质量的进行列表的交互设计，结合自己在实际工作中遇到的列表类型总结了 web 列表设计的常用基础列表模式，以供大家参考。本篇文章所介绍的列表设计主要集中在列表内的元素和操作按钮（行内操作）的展示上，暂不包括列表的查询、筛选以及列表外相关功能。

2018-04-05

程远

交互 2.6w

《瞬间之美》读书笔记：Web界面设计如何让用户心动？

今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动？本书分为七个部分，第一部分到第三部分讲用户进入网站前30秒内做的事；第四部分到第六部分讲用户在深入网站时要做的事；第七部分关注用户离开网站，不管是暂时离开还是永久离开时要发生的事。第一部分：指引用户一、如何给网站布局不是你去给页面布局，而是内容决定了布局。

2018-03-12

程远

教程 2.5w

这5个丑出新高度的网站，为什么那么多人夸

@Mockplus原型设计：网站界面过于漂亮可能会影响网站的可用性，但本文中提到的5个网站界面可谓是「丑」出了新高度。这样的网站它还有可用性吗？计算器的界面设计算不上漂亮，但当你的指尖在键盘上飞舞时，它可以帮助你解决许多棘手的算术问题。

2018-01-17

程远

教程 2.9w

如何构建Web端设计规范之设计理念篇

echo：设计团队的意义是能理解分析最终用户的需求，通过专业的设计手段、方法去实现企业战略，解决相关问题。设计理念是设计的核心思想与运作原则，是为了明确设计团队方向，确保围绕着核心准则去运作，而出现的指引设计师按既定线路前行。即设计团队在企业中存在的使命、任务、价值。

2018-01-06

程远

图书推荐 1.1w

新书推荐！渐进增强的Web设计

渐进增强是一种Web开发方式，致力于向最广大的潜在受众提供尽可能最优的体验，同时让编程和测试工作得到简化。无论用户是在iPhone上，还是在最新最潮的高端系统上浏览网站，甚至只是听着屏幕阅读器的朗读，他们获得的体验都应该是一致的，功能和特性也要尽可能完整。相关阅读：《经典网页设计师图书大推荐》亚马逊购书地址购买《渐进增强的Web设计》内容简介：随着互联网技术的不断发展壮大，网络覆盖率和可联网设备不断增加，用户对可访问性的需求也与日俱增。

2014-02-10

uisdcer

下载 6.9w

免费下载！20套用于Web UI设计的PSD网页元素模板

Web 元素是任何网站相关项目都需要的，质量和良好设计的元素对于设计师来说就像宝贝一样。如果您正在为您的网站，博客，Web 应用程序或移动应用程序寻找完美设计的网页元素，那么下面这个列表会是你需要的。今天这里收集的免费资源是20套免费的 Web UI 设计的 PSD 界面元素，用于 Web 和 Mobile App 设计。

2013-12-11

程远

教程 3.9w

给程序猿看的web页面设计和排版

不擅长界面设计，但是又想与设计妹妹和谐友爱的开展工作，你想过木有来来了解学习一下网页设计的排版布局小知识呢？至少这样设计菇凉不会泪眼婆娑的看着你把她辛苦打造的设计稿，最后改的面目全非。拿出一点敲代码或者看片的时间来欣赏下本文的案例吧。

2013-05-13

兔子

教程 2.7w

超赞！25个拥有精美纹理背景的网页设计

善于观察的设计师都应该知道，在网站里使用纹理图案往往可以让页面更有质感，甚至妙趣横生。当然，最关键的是提升网站吸引力，而轻微的拟物化设计常常能给网站带来真实世界元素的质感。一方面，纹理造就的色调变化模仿着真实表面的多种多样的色泽；除此之外，由于能在任何尺寸的屏幕上无限重复使用，镶嵌的纹理也特别适合应用到自适应设计之中。

2013-05-10

兔子

教程 2.9w

巧用色块布局，让你的网站与众不同！

Metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。同时在视觉效果方面，这有助于形成一种身临其境的感觉。

2013-05-03

兔子

酷站推荐 5.4w

让高手教你如何规划网页设计草图

当你在计划设计一个网页的时候，不一定要完全依赖电子设备。学会如何手绘可以帮助提高设计的效率，给你更多的灵感。设计学院里都会给学生们教授很多基础课程。

2013-03-14

Xuhy

教程 1.6w

推荐：响应式网页设计与应用

每个射击湿都想自己的网站可以在任何设备上体验都很牛，神马iPhone、ipad、黑莓、kindle……无所不能啊~ 苦逼的是这些东东的系统不一样，分辨率也不一样啊；电脑的屏幕越来越大，但是还有一半的用户还是用的17寸CRT；手机、pad层出不穷，没有个统一标准，我们又不想失去任何一个用户，这可苦了我这些设计师了，需要付出更多的心血来获得更好的体验，谁让我们是射击湿呢。电子产品更新换代节奏都快成马了，跟都跟不上。

2013-02-28

Roc 优设

smashingmagazine

没有更多文章了

大家都在看

入门

文章 162

经验分享

文章 4896

AI教程

文章 123

动效设计

文章 186

ps技巧

文章 636

B端设计

文章 121

设计师专访

文章 147

logo设计

文章 181

设计师职场

文章 664

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注