网页设计

今天分享一款运维相关的B端产品，主要阐述自身的设计思路及产品的优化过程。 B端产品对产品链路有着高流畅度与高效率的诉求。设计师在做B端产品的的时候要有全链路和小白用户视角...

设计领域时时刻刻在发生着你我意想不到的变化。许多看似熟悉的设计趋势，于不同的设计师而言，经过灵活的创意设计也许就意味着不同的可能性。而这些可能性则来源于设计灵感的持续...

Mega menu（大幅网页菜单）是在网页界面设计中非常常见的元素之一，用于引导用户进入下级页面。但是，正因为mega menu十分常见，所以如果总是一成不变的设计，就容易显得乏味。本...

婚礼网站的设计不仅需要设计师有高超的设计技巧，还需要设计师能有一颗感同身受的“幸福的心”，这样设计出的婚礼网站才能更加吸引新人。如果你也正好在搜寻或设计这样的网站， 那...

一个看似简单的下拉菜单/导航菜单，背后会有多少隐藏的逻辑呢？ 今天就讲一下如何绘制下拉菜单和导航菜单。不管是下拉菜单还是导航菜单，都是设计语言部分中的基础部分中的某个组成...

说实话，现实生活中，又有多少人会真正喜欢填写表格？显然，并不多。因为填写表单这样的网页或App服务，并非用户所需。他们需要的仅仅只是能够尽快买票、聊天等服务而已。如此，注册表单的...

当提到网页设计，纹理的应用是未来的趋势。极简主义的方式已经一去不复返了——我们想要纹理那种令人快乐的“小零碎”呈现在我们的网页上，现在就想要它！ 纹理是一种简单而有效的方式，可以...

经过了不到一年的努力，项目组克服了预算有限、人力紧张等客观问题，成功制作了约200张英文封面，并积累了一套高效的操作模式。   文学作品相较于影视作...

不论是手机还是PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从 1995 年就开始推荐大家使用面包屑，因为它能在对界面设计产生极少影响...

无论是新手还是资深的Web设计师，除了掌握必备技能，选择一款适合自己的网页设计软件也十分重要！使用一款适合自己的网页设计工具，往往能令工作效率大增。2018年接近尾声了，各大设计工具...

网页中超过95%以上的信息都是通过文字的形式呈现。 然而，页面文字并非毫无章法的随意呈现。事实上，更具可读性、视觉效果以及独特排版和布局的网页文本设计，更能吸引用户，提升用户愉悦...

网页设计是什么？ 网页设计是平面设计的一种，但是却是和技术关系最密切的。它是技术和艺术的完美结合。如果离开了美感，大家只会想起用户图形界面早期年代，有限的显色情况下的网站，因为...

原文作者Jonathan是一位设计师，同时也是一位开发者。曾任职于雅虎，现在在airbnb任前端工程师。大神自述，自己在设计和开发两个领域研究的比较多，这篇文章就分享了他在设计中的一些排版经...

无论是连贯试、分布式，亦或是单调的数据输入界面，表单都是数码产品的重要组成部分。这篇文章聚焦在表单设计中常见的该做和不再做的点上。这些都是通用的设计指南，但每条规则都肯定是有不...

如果你正在寻找设计灵感，网格设计元素是一个很好的起点。 利用网格将保持你的设计干净整洁，同时通过精心地将图片进行网格布局，会创造出巧妙的构图。 无论是多种产品推销的营销材料...

作为2018年网页设计的趋势之一，网页动效设计已经成为现代网页用户体验的重要组成部分。不管是微妙的转场动效，还是覆盖整个页面，动画效果无处不在。融入动效的交互细节让现代网页同以往的...

网页设计，色彩已成为设计师们提升页面视觉效果和吸引力的重要手段。而且，现今，随着互联网技术的日益发展进步，色彩的巧妙应用，也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓。事...

首先解释一下后台，它是指服务的管理操作部分，主要是对内容、数据的增删改查。后台产品也主要是To B 的平台型产品，例如企业内部的管理、运维产品。本文就自己一年多在后台运维产品设...

随着设计行业的的不断进步和发展，动态网页设计已经成为设计师必须掌握的重要技能之一。对于许多设计师来说，缺乏设计灵感和网页设计是阻碍设计的主要问题。针对这些问题，小编在本文中为...

今天要推荐的这20个网站不仅排版大气，而且交互和动效新颖，最主要的是适配也完美，无论大屏小屏界面都很舒适。我相信肯定能够给你们灵感。   设计不光要做，审美也要提上来，你的...

本文针对三類型圖表:折线图、直线图、圆饼图分享动效设计过程，并附带移动端的交互场景动效。网上有许多的图表设计作品，部分也会添加动态的展示，而本文则以团队移动端产品的图表为参考，参...

前言 “信息无障碍”译自“Accessibility”，指的是任何人在任何情况下都能平等、方便、无障碍地获取信息并利用信息。以互联网环境为例，互联网产品可以被老年人、视障者、听障者、读写障碍...

刚刚毕业的学子们，终于也投身社会这个大熔炉中。初入职场，相信刚毕业的你们都有着上进的动力和梦想，但可能因为专业技能的不丰富或者略有欠缺，可能会在工作过程中不断碰壁，然而现在又...

越来越多的设计师通过组件的方式支持业务需求，组件是设计的沉淀但同时也需要设计师对每一个细节场景的深入思考。本文通过探索常用三大图表之一的环图适配问题，总...

本文介绍在网页设计中使用“Z”型模式创建视觉层次结构的理论和实践。   很容易想象每个用户在兴奋地阅读你写的每封信时。其实他们不是在阅读而是在扫描。 用户不读取网页，他们...

本文属于“尼尔森十大交互原则”的附属文章，关于原则：识别比记忆好的研究，由好基友：不器 翻译，在这里感谢他~~~   前言： 为了更好的理解和区分识别和回忆，并找出为什么在UI设...

主题：卡片分类法是一种用户体验设计中的调研方法，它可以帮助我们分析用户，构建符合用户预期的信息架构。 一个网站是否好用，判断标准之一就是信息组织的是否有条理，用户能否方便地找...

单选按钮和下拉菜单是两个非常重要的输入控件，当用户输入时，他们都可以互换使用。但它们在不同的场景中的使用有不同的效果，本文主要讲述关于它们使用的7个规则。     &nb...

消息中心几乎已经成为了每个产品的「标配」，它让用户能够及时获取到需要知道的消息和提醒并进行处理，同时也让运营者能够有一个渠道能向用户发送重要通知。作为产品的设计者，我们并不能将...

众所周知，相较于平淡无奇，毫无重点的网页UI设计，具有良好视觉层次结构的网页UI设计更受用户青睐。为什么呢？答案其实很简单。极赋视觉层次感的页面设计不仅极具设计美感，取悦用户身心。...

我们的日常生活总是会面临无数的选择，尤其是在职业生涯中，我们必须考虑到很多的反对和挑战，更好的设计解决方案不仅是基于建议，而且是以事实、经验和知识为基础的。今天我们要讨论的是U...

当你需要关于自己产品的用户体验数据时，然而，你却不知道从哪里获取？那么首先，你需要选择正确的研究方法。接下来，我们来看看这些当下最流行的定量研究方法。   许多用户体验专家...

网页设计入门之前的知识，多年设计经验所总结。围绕平面与网页设计之间的不同差异和共同点讲解一些平面与网页知识点、从字体、像素、版式、色彩、如何学习等角度讲解。 大家...

不管是web端还是APP方向，在日常的UI设计中都不可避免的要遇见改版原UI界面的情况。有的是为了提高用户体验提升转化率，有的是为了迎接不同节日和活动继而改版成符合节日或活动气氛的版式...

极简主义网页设计风格，如何才能做到简约而不简单？简约风设计需要了解和掌握哪些禁忌和技巧，才能让网页设计简洁而不失魅力？继续阅读文章，小编将结合具体实例为大家一一讲解。 近几年...

忙了一天下班回家之后，只想窝在自己的小窝里舒舒服服的追几集电视剧和综艺，给自己繁重的生活减减压，减压就是图个轻松，所以上网看视频也一定要轻松——最快最方便的看到我想要的视频才是...

今天，小编给大家总结了10个UI设计的小技巧，相信你耐心看完后一定会有所收获，赶紧get起来~   一个网站不仅仅是一组链接过的页面，而是一种体现，一个空间。在这个空间里，不同的人...

入Mockplus团队后，我开始深入接触设计。工作过程中，也会和用户讨论一些设计项目的问题。在和用户交流过程中，我发现，用户的疑问不仅包含各种各样的Mockplus使用问题，很多时候，在解决用...

反馈是产品设计中非常重要的一个环节，它的存在与否会极大的影响你产品的用户体验。这篇文章我将从反馈的种类、方式和使用场景来梳理一下产品中的反馈机制，希望可以对大家有所帮助。 反馈...

现在市面上的app多如牛毛，有如过江之鲫。大部分时候用户下载app纯粹是抱着试试看的态度：满意的话就留着，不满意的话就删掉。为了避免自己的app进入用户的卸载名单，我们应该在用户第一...