网页设计技巧 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

网页设计技巧话题

首页
设计文章
网页设计技巧

强推！9种Dribbble风网页布局方式必须收藏

9图 1/9

强推！9种Dribbble风网页布局方式必须收藏

9个出镜率最高的网页设计风格，你pick哪一种？

9图 1/9

9个出镜率最高的网页设计风格，你pick哪一种？

网页设计没有辨识度！快试试这9个小技巧

9图 1/9

网页设计没有辨识度！快试试这9个小技巧

四两拨千斤！快速改善UI视觉体验的7个小技巧

UI

四两拨千斤！快速改善UI视觉体验的7个小技巧

也许你是个新手设计师，也许你是个有着丰富开发经验的开发者，但是有需求让自己设计的网页和UI看起来更像那么一回事，至少看起来不是一个外行的手笔。那么今天的文章应该能够帮到你。在UI的设计过程中，有很多技巧并不需要很深厚的设计知识，但是它们能让你的UI和网页界面看起来有明显的提升。

2019/03/12

有图有案例！125个提升网页可用性的优化小技巧（四）

教程

有图有案例！125个提升网页可用性的优化小技巧（四）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选翻译了第四部分 —— 在网页设计中兼顾所有用户和场景的3个技巧。一起来收！

2016/05/12

优秀网页设计

有图有对比！125个提升网页可用性的优化小技巧（二）

教程

有图有对比！125个提升网页可用性的优化小技巧（二）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例对比，保证简单易懂。今天@企业官网设计精选翻译了第二部分 —— 在网页设计中帮助用户实现目标，一起来涨姿势！第一期回顾：《有图有案例！

2016/05/05

他山之石可攻玉！教你用摄影三分法来优化网页设计

教程

他山之石可攻玉！教你用摄影三分法来优化网页设计

这篇文章，相信会打开你的设计思路，你看完会后可能会说：“哇！网页原来还可以这样设计。”玩摄影的同学应该都知道取景布局三分法，这是非常熟悉的概念。

2014/12/29

腾讯美女设计师倾囊相授：乾坤大挪移（第五集）

教程

腾讯美女设计师倾囊相授：乾坤大挪移（第五集）

腾讯TGI高级视觉设计师@晋小彦的系列专题，童鞋们看过瘾了木有？这一期教你如何将呆板僵硬的网页设计转眼就变成灵动活泼的创意设计，究竟是怎样的方法才能快速拓展设计思路呢？这一期，有招。

2013/12/25

优秀网页设计

腾讯美女设计师倾囊相授：你看起来很好吃（第九集）

教程

腾讯美女设计师倾囊相授：你看起来很好吃（第九集）

腾讯TGI高级视觉设计师@晋小彦要来优设开讲座咯，这个星期六与你相约，详情见：「048期」网页视觉设计创意拓展与表现温馨提示：如果您想免费提前获得新书，于12月21号23：00转发 http://e.weibo.com/1773655610/AnGH1eUZZ 该微博就有机会获得哟！@晋小彦：你看起来很好吃？在这各类资讯爆炸的时代，如果说资讯是我们必需喂给用户的食物，那用户往往会是一群偏食厌食的宝宝，如何让他们乐意吞下这送到嘴边的食物呢？

2013/12/18

优秀网页设计

腾讯美女设计师倾囊相授：欲擒故纵（第四集）

教程

腾讯美女设计师倾囊相授：欲擒故纵（第四集）

腾讯TGI高级视觉设计师@晋小彦已在优设发了3篇好文了，都是万人好评，现在妹子把多年的经验集结成书，绝对有料！除了在优设分享的系列文章，更多留待同学们书中探寻。妹子的系列好文：《腾讯美女设计师倾囊相授：抄现实（第一集）》《腾讯美女设计师倾囊相授：圆、方、三角（第二集）》《腾讯美女设计师倾囊相授：网页全屏大视野（第七集）》需求人和设计人之间的矛盾是设计的永恒话题，如果处理不好通常会把双方推向无休止的、互钻牛角尖的争论，在许多需求方的眼中通常没有最重点，只有更重点。

2013/12/11

优秀网页设计

怎样制作一个时尚的网页！最新最有效的实践技巧

教程

怎样制作一个时尚的网页！最新最有效的实践技巧

想学习做时尚网站吗？购物网站、时尚作品集、时尚部落格或者杂志都可以呦，这些网站的一个特点就是——都灰常受欢迎。怎么样，你也心痒痒了吧？

2013/12/05

优秀网页设计

腾讯美女设计师倾囊相授：圆、方、三角（第二集）

教程

腾讯美女设计师倾囊相授：圆、方、三角（第二集）

这篇文章是腾讯TGI 高级视觉设计师@晋小彦写给设计师的系列文章的第二篇，以圆、方、三角这些简单的形状抛砖引玉，向童鞋们展示如何利用它们激活你的灵感创意方案，或许有一些您可能看到了，但是在优设网发布的文章，作者又有新增内容，并且后面几集您绝对木有见过哟，绝赞揭秘！请关注该系列，关注该妹子吧：）万人好评的妹子教程系列，错过的童鞋戳这里唷：《腾讯美女设计师倾囊相授：抄现实（第一集）》《腾讯美女设计师倾囊相授：网页全屏大视野（第七集）》晋小彦（腾讯 TGI 高级视觉设计师，美女设计师一枚）：...

2013/12/04

优秀网页设计

腾讯美女设计师倾囊相授：网页全屏大视野（第七集）

教程

腾讯美女设计师倾囊相授：网页全屏大视野（第七集）

这篇文章是腾讯TGI 高级视觉设计师@晋小彦写给设计师的系列文章的第七篇，从说、想、看、做四方面解读"全屏大视野"的设计方法，是作者从大量设计工作中总结的经验，通篇都是满满当当的干货！或许有一些您可能看到了，但是在优设网发布的文章，作者又有新增内容，并且后面几集您绝对木有见过哟，绝赞揭秘！请关注该系列，关注该妹子吧：）错过上集的同学可以戳这里《腾讯美女设计师倾囊相授：抄现实（第一集）》万人好评哟~~晋小彦（腾讯 TGI 高级视觉设计师，美女设计师一枚）：时代在变规则也在变，网页设计师刚...

2013/11/27

优秀网页设计

腾讯美女设计师倾囊相授：抄现实（第一集）

教程

腾讯美女设计师倾囊相授：抄现实（第一集）

这篇文章是腾讯 TGI 高级视觉设计师晋小彦一_视觉写给设计师的系列文章的第一篇，从四个角度全面解读"抄现实"的设计方法，是作者从大量设计工作中总结的经验，通篇都是满满当当的干货！或许有一些您可能看到了，但是在优设网发布的文章，作者又有新增内容，并且后面几集您绝对木有见过哟，绝赞揭秘！请关注该系列，关注该妹子吧：）接下来的连续五周，每周都会刊登一集，童鞋们敬请期待唷晋小彦（腾讯 TGI 高级视觉设计师，美女设计师一枚）：抄现实是我们在设计中最直接也是常用的一种方法，它顾名思意就是抄袭...

2013/11/20

优秀网页设计

涨姿势！设计中的透视感与深度感

教程

涨姿势！设计中的透视感与深度感

对于平面设计来说，透视与深度感异常重要。然而却经常被忽视，其实主要是在二维的PS窗口来描绘具有透视和深度的立体空间，确实不是我们随便就能驾驭的住的。实际上，对透视理解到位的设计师，能设计出更有效率、更出色的作品：文章开始之前，优设哥特别向您和您所在的团队推荐《PS礼仪手册》！

2013/11/02

高手之路：网页设计师应该懂点设计心理学

教程

高手之路：网页设计师应该懂点设计心理学

设计师通常不会花时间去学习一些基本的心理学，而恰恰是这些心理学有的能影响到用户的浏览体验。心理学的一些基本准则其实不是大家想的那么无用，也不是大家想的那么复杂。很多心理学上的一些规律学习起来非常简单。

2013/10/01

高手之路！如何有效布局信息繁杂的网站？

教程

高手之路！如何有效布局信息繁杂的网站？

互联网信息时代，很多内容为主的网站都信息过载，这导致了载入速度过慢。电商网站如此，新闻类网站也是如此，而一些设计师作品集网站或者设计机构的网站也是如此，老实说，作为设计师，应该避免信息过载现象的出现。而一旦你掌握这些技巧，那么你离高薪酬的资深设计师也就不远咯。

2013/09/24

优秀网页设计

教程

聊聊网页设计创新式布局与交互

lost：设想并构建出区别于常见网站布局的创新式设计是一件很难的事情，但是一旦把这件事做好，就可以设计出那些最富有趣味又令人着迷的网站。你几乎每天都可以见到这些网站，每次看到他们，你都会感慨到：“多希望我当初能够想到这个点子。”设计师们正在完成一项了不起的工作，设计出一系列精美的网页元素并将其组合在一起，这些网页不但具备可用性，同时又富有新鲜感和原创味道。

2013/09/01

前端开发

推荐阅读！页面细节处理心得

吖米：一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，也许会让用户会倍感贴心。轮播图如上图，轮播图上切换按钮（如上图小方块按钮）是用户对轮播图进行交互的重要入操作点，重要程度...

2013/08/27

没有更多内容了

大家都在看

版式设计

文章 272

设计流程

文章 154

ps技巧

文章 643

电商设计

文章 135

入门

文章 162

用户体验

文章 899

动效设计

文章 208

职场

文章 137

网页设计

文章 972

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营