网页设计

产品推广页设计，看上去很简单。不就是放个Logo，配一些大图，放点文案，加个按钮吗？ △ by Outcrowd @ Dribbble 但很多产品推广页，要么一味追求高大上，忘记了…

导语：​提起中后台，除了高效、灵活和强大之外，不可忽视的还有它的海量数据。海量数据的筛选与呈现，直接决定决策人员的效率高低。本文作者主要是结合自己在实际工作中遇到的表格设计问题，针…

商家产品展示页面是每个平台展示产品不可或缺的页面，而这个页面的设计师是触发商家用户入驻的一个重要的设计触点，是我们在商家入驻链路的重要一环节，到底如何来设计我们网页的商家产品展示页…

为大家梳理一个Web表格设计框架，希望能够给大家带来完整的不一样的内容。全文12,598字 ，预计阅读30分钟，建议收藏。 在网页或桌面端为载体的B端产品和生产力工具中，越来越多的…

编者按：这篇趋势分析的文章出自资深设计师 Lyudmil Enchev 之手，汇总了 2021 年在网页设计领域值得注意的 10 个重要趋势。 虽然移动端设计在持续地繁荣发展，但是…

为什么了解网页布局很重要？网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。 这里将介绍一些常见的网页布局形式，例如卡片式、分屏布局、网格布局……一起来看看吧！ 卡片…

大家肯定有过这样的体验，有些网站在电脑端使用起来还不错，但是并没有做相应的移动端口的适配，导致在用手机浏览的时候，非常不便，大大降低了网页的使用率。 随着移动端设备的不断普及和发展…

无论作为设计师还是普通浏览者，大家观看一个网站时最先接触到的就是网页的头部区域，这部分内容为网站的其他各个方面设定了基调，在网页设计中起着非常关键的作用。 尤其是如今简洁设计比较盛…

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第三部分 —— 在网页设计中如何少让用户费脑筋，保持操作流畅…

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

绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是，不可避免的，网站重设计会遭遇各种各样的问题，碰到误区，陷入困境。绝大多数的网站重设计所遭遇的误区都很相似…

当我们谈及粉色的时候，常常会同女性联系到一起，但是如果你观察的足够多的话，会发现这并非是普遍规律。 的确，粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件，这也使得粉色在绝大多数…

@谢思靖 ：什么是真正好的排版，我觉得起码要做到清晰易读、信息突出并且观感上舒服好看，在这个基础上有突出的设计感、形式感，就是正真好的排版。怎么做？3个部分决定排版的步骤和方法，咱…

规范化设计下的网页，通常都会有系统的网页风格指南。如果你想确保你的网页设计能够更加一致，并确保每个参与者和使用者都能在规范的框架内设计、开发和使用，那么风格指南的存着就相当有意义了…

编者按：找出一个从来没人用过的布局可能有难度，但是要设计出出人意表的网站还是不难的。错位的元素，少见的配色，不一样的动效与变化，都能促成一个令人难忘的优秀网页。今天的推荐，与此相关…

判断一个平面设计师、艺术家或者设计机构是否真的有一手，其实看他的网站就知道了。你可以在网站中看到他对于细节的打磨程度，能够在作品见窥见性格，你甚至可以通过作品类型、规模、好坏来衡量…

对于任何网站而言，配色方案都是其中最关键的影响因素之一。你可以使用你所熟悉的配色方案，也可以跳出来选择更加大胆、明快、更有性格的配色方案，它们或许更容易给人留下深刻的印象。 而今天…

@马良重生 ：单页设计，简单将其比喻为在一张纸上进行的创作和设计。在设计单页的专题时，为了让首屏到次屏再到内容区间的视觉更加的连贯和流畅，就要充分利用好局部对比和整体关系来使页面效…

编者按：这个三年前以7.86的高分拿了AWWWARDS的Site of the Day奖项，成为第一个获此殊荣的简体中文网站，现在看仍然惊艳十足。昨天偶然发现它的创造人Logicd…

编者按：对于色盲症患者而言，我们设计师精心搭配的色彩很可能毫无用处，甚至会适得其反。该如何同时兼顾色盲患者的需求呢？今天这篇文章总结了5个巧妙的方法。想成为一个能解决问题而不是视觉…

编者按：网站的可用性是个大问题，之前《专为色盲打造！快速提高网站可用性的5个实用方法》 这篇文章提出了几点针对色盲用户的网站体验优化方法，而今天的这篇则是前者的很好的补充~ 根据 …

编者按：选择和品牌一致的颜色、导航菜单栏用对比色、不要同时用大量红色和绿色…… 今天@喪心病狂十六夜貓 这篇好文，科普了8个简单实用的网页配色要点，一起来收！ 喜好不同，有人喜欢单…

好看的网站成千上万，但是好玩的网站相比之下并不多。不过，现代技术的发展为新的玩法提供了更多的可能性。Flash 的死亡并不值得哀悼，它为WebGL、HTML5等更优秀的技术提供了更…

编者按：无论是小米的性价比还是老罗的情怀主义，都巧妙地运用了某种人性来唤起受众的情绪，而这种技巧运用到Banner设计中效果提升会非常明显，今天@TTTing1 从14个人性的角度…

变化无端的奇思妙想，特立独行的交互模式，独树一帜的设计手法，它们常常来自于设计师的灵光一闪。在设计项目中加入一点奇思，不仅能够提升整体设计的意境，而且常常会获得点铁成金的奇效。 不…

betsey：本文是站在一个网页设计师的角度，所写的关于最佳字体排版实践的手册，包括字体排版设计、Web 字体、Web 样式指导等四个方面，而且每一章后都有扩展阅读帮你深入了解细节…

@畅游VC ：当原画素材分辨率或者精度不够，不能展示人物细节，何不尝试利用打造氛围来提高主视觉的质量。下面是举了一个主要利用照片拼接来配合人物原画打造氛围的例子。 畅游VC教程系列…

PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识，…

时间进入2019年，我们在网页设计中看到旧有风格的重生，也见证了新的设计趋势的诞生。 Web 技术的快速发展，不仅让设计和产品足以满足更多更细致深入的需求，也让设计师能够进行更细腻…

近一年多接触到了插画 Banner 设计，算是自己边做边摸索，还在学习探索期，目前总结了一些做稿的思路，分享的目的是为了梳理完善自己的方法论，让自己继续向前进一步。 本篇文章分享内…

本篇内容是围绕插画 Banner 三个层次中的画面元素层的延展内容。 在拿到设计需求，没有什么想法的时候，可以参考以下画面元素的选择思路，找到适合的设计方向，提高设计效率。 主体元…

在设计的过程中，灵感经常时有时无，飘忽不定，所以把自己的做稿流程总结出来。在没有灵感和想法的时候，按照以下流程进行设计，提高工作效率。 《超全面！写给入门新手的运营插画 Banne…

从事电商方面的设计师，详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等，也有助于提升交易的达成率。正是如此，所以很多商家不惜重金请设计师…

@研习设K先生 ：我们每天都会浏览大量网页。现在，让我们回想一下，你印象最深的网页。在你浏览它们的时候，是不是只看到了网页中想要查找的信息呢？ 这是因为，每一个网页设计师的首要任务…

超实用！36种网页首屏布局，大家可以根据自己的需要选择哦。

58UXD：响应式布局这个名词相信大部分设计师都不陌生，也能清楚知道它的基本呈现效果。但具体操作及与开发人员协作时，可能会遇到很多问题。寻找资料时发现大多数教程都是针对前端开发工程…

注：文章部分图片来源于网络，有些链接实在找不到了，如果作者看到可以评论里放上作品链接，感谢。 根据遇到的问题，总结的一些小经验，个人的一点薄见，欢迎大家交流。 国内国外运营 Ban…

想知道 2020 年网页设计的趋势吗？在今天的这篇文章当中，我们将会围绕着这一趋势进行说明。 在即将到来的 2020 年，平面视觉和不断发展的新技术将会有更加深入的结合。只要我们稍…

当我们想要学习网页设计的时候，我们通常会问去哪里找好的网页设计作品，尤其是当我们刚刚踏入这个领域的时候，怎么去快速的区分和识别网页设计的不同类型？ 这就很考验你快速寻找资料的能力，…

有破有立，再造升级。官网作为会员体系中最主要的营销渠道，突破原有的资源壁垒，将 QQ 三大会员体系官网进行再造升级，对商业目标的达成起到至关重要的作用，同时也能给 QQ 用户提供更…

编者按：Dribbble 经历了资本入驻、创始人出走之后，最大的事情应该就是这次改版吧？这个全球最大、最有影响力的设计师社区的每一个动作都必然会牵扯着每个设计从业者的注意力，新版背…

在实际工作中，交接工作对于设计师而言也是很重要的一环，更好的衔接可以明确设计需求、保证最终设计实现。本文总结一下完整的交接流程，当然，如果遇到前端大佬可以省略其中很多步骤，只要记住…

今天我们继续根据画册学习网页。通过前面的课程，想必大家应该明白了，如何多快好省地去学习网页设计。如果上集没有看的小伙伴呢，也不用立刻切换掉去看上集，继续看也不会影响你的理解。 上集…

你还记得二十年前的互联网吗？在百度贴吧叠楼、为 QQ 空间装饰非主流空间贴纸，无限沉浸在 4399 和 7k7k 等小游戏网站，或是在 163 博客和 BBS 论坛之类的网站灌水，…

不论你是刚刚入行还是已经从业多年的网页设计师，在工作中，都总会问一个问题。「如何让我的网页或者应用更容易使用？我该怎么办」。而我们在想这个问题的时候，常常是以一个设计师的心态去理解…

这是一组精心收集的30+优质购物车PSD，这些精美的购物车PSD将会为您的设计提供了一点创意灵感。 如果你刚好在做这方面的设计，那可以先欣赏一组超赞的简约时尚的电商网站设计，或者直…

表单应该就像个温柔又有礼貌的服务生。想象你走进一间超级市场，走过两旁堆满商品的走道之后，左转右转，看到你想买的果酱并且挑选了两罐放在购物袋中。 终于你走向结账柜台，一个笑容甜美的收…

一般来说，网页设计师都极少关注表单设计，这使得大多数表单看起来都差不多，普通至极，毫无特色。本文中的这些案例化腐朽为神奇，将枯燥的表单页面设计的多姿多彩。一起来看一下吧。 还记得那…

继上次《21个适合扁平化设计的创意链接效果》备受好评，本周让我们再来看看同样由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮（Hover）效…

优设哥其实在最早做设计的时候，就是设计银行的客户关系管理系统以及电商网站的后台管理界面。做那种界面的时候，和设计网页的感觉不一样。因为得考虑的不只是美观，更多应该在操作体验及视觉舒…

@MartinRGB 设计师都知道，行业的核心追求便是打造优秀的视觉效果。实际上，之所以能够成为设计师，是因为我们具备一种技艺，能够满足用户的视觉感受和视觉需求。我们可以听、读、想…

我们之前有介绍过一些很漂亮的网站登录界面，登录和注册是获取用户的第一步，是最能体现网站用户体验的地方。这里我们又收集了更多的登录和注册界面设计，它们来自于国外优秀的设计师们，而基本…

不是经常有同学问去哪里寻找网页设计的灵感么？告诉你吧，就是在这些网页灵感画廊里哟！用灵动的CSS打造的灵感画廊遍及网络，已有十多年的历史，在浩瀚如海的网页图集中，总有某些站点触动着…

@董超Afio 虽然只是小小一个链接以及搭配的一个简单的动画，却由于牵扯到与使用者互动的部份，魔鬼藏在细节里。 在今年如果谈起设计来说，没有人可以避开扁平化设计，不管它是否为未来的…

这个夏天的周末，有着精彩的《超级男声》和《中国好声音》滋润我们的生活，而在工作时间，最让设计师们喜爱的莫过于欣赏优秀的作品和PSD核心源文件啦。 在今天的文章里，你可以找到一些最好…

今天主要整理一些流行、优质、创意的UI设计素材，这些网页素材都是比较新颖，新手或是高手都可以下载来学习、借鉴。 小编已经全部打包好给童鞋们咯，觉得赞就请分享哟  →   微盘下载稍…

八月初始，似乎离收获的季节不远了，多多积累和分析，在不断的练习中塑造自己的个人风格，别再佩服那些对素材运用自如的大师了！好好下苦功吧。 打包下载地址：http://vdisk.we…

随着扁平化被演绎的如火如荼，长投影风格也很快加入到这个行列中。如果您已经喜欢上扁平化跟长投影的搭配风格，那么今天给你献上一整套国外超赞的长投影扁平化风格UI，您可以根据需求将它们用…

网站采集了扁平化设计中最受欢迎的色彩，绝对是您进行扁平设计的必备工具，可以吸取复制任何你看中的色彩。配色经验：在扁平设计中，三原色是很少见的，即正红、正蓝和正黄。如果你想快速的配色…

这是本·莫斯同学编辑分享的一套超赞的扁平化UI组件包，小清新风格。一个着迷于精巧排版和优雅代码的人。作者授权，可以用于商业和个人。同时作者强力推荐了freepik这个PSD干货搜索…