web原型设计工具

产品经理原型设计工具Mockplus使用体会

【文章摘要】 近年来，移动APP呈井喷的趋势，但任何APP应用，都离不开原型设计和原型设计工具。Mockplus应运而生，除用于移动开发，还可以制作PC、网页的

原型的构建与设计（Web版）

什么是原型？原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：1、需求内容的呈现，2、导航和链接，3、数据的交换。

干货！所有常用的原型设计工具都在这里了

这么多原型设计工具， 总有一款是你的菜。

Web设计师应遵循的高效设计原则之三：对齐

《写给大家看的设计书》一书把复杂的设计原理凝炼为对比、重复、对齐和亲密性四大设计原则。本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具。本文为第三篇，讲述对齐在网站设计中的重要作用及辅助工具。

设计师的十大难题之一 ——如何选择一款好的APP原型设计工具

现在的移动开发越来越趋于小规模团队协作，似乎只要懂得一些APP开发的人就自称了解了用户体验和用户界面的重要性，一个好的APP原型设计理念很容易被糟糕的界面和体验毁于一旦，如今市面那么多的原型工具帮助我们解决问题，我们又何乐而不为呢？但如何选择原型工具却成为设计师们最头疼的事情，一方面是由于不懂哪些工具适合自己，另一方面又没有多余的时间去挨个使用。别担心，今天就为大家解决这一大“难题”。

10款专为设计师打造的热门工具清单

随着设计领域的细分以及用户群体的发展，各类设计工具开始涌现，这些新兴工具分别针对不同的使用情景和需求，让产品的设计、运营甚至灵感的获取都更为顺畅、系统地完成。然而要找到一款最适合的工具也并非易事。在这里，我们整理了 10 款专为UX/UI设计师打造的热门工具，它们能有效地帮助你制作交互原型、网页设计，并提供收集、管理设计素材的便利。

Web App设计浅谈

本文将围绕web app的设计，与大家讨论几点设计技巧。

5款常见原型工具，产品特色知多少？

好的原型工具软件可以大大提高工作效率，但是每款工具各有优劣。

关于原型设计的一些事

原型设计，是每个交互设计师和产品经理最最最基本的技能。这也是一个梳理思路很好的方式。这里的原型指的是对最终产品各页面上内容的简单呈现，通常不会设置颜色和字体，也不含图片。这里的原型，也通常被称作线框图、示意图、蓝图。在一些极端的情况下，原型图往往可以先被抽象成一个个的模块组合，然后再去细化每个模块中的内容极其展示形式。

原型设计中一个按钮的“哲学”故事

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。

关于原型设计的一些事

原型设计，是每个交互设计师和产品经理最最最基本的技能。这也是一个梳理思路很好的方式。这里的原型指的是对最终产品各页面上内容的简单呈现，通常不会设置颜色和字体，也不含图片。这里的原型，也通常被称作线框图、示意图、蓝图。在一些极端的情况下，原型图往往可以先被抽象成一个个的模块组合，然后再去细化每个模块中的内容极其展示形式。

响应式Web设计

响应式Web设计（Responsive Web design）的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。

App设计VS Web设计：互相学习到了什么

由于Web App的出现，彼此之间的界限似乎变得模糊了，不过我们依旧尝试对比App设计和Web设计。即使是同时工作于这两方面的设计师也常常将它们区别对待。

Web端设计规范的价值

这篇文章是之后WEB端系列设计规范的前言部分，目的是起到抛砖引玉的作用，简述如何制作属于“自己”的Web端设计规范。Web端设计规范系列也是我个人梳理学习总结构建的过程，同时分享出来给大家做参考学习。

响应式Web设计的9项基本原则

打造流畅的响应式体验！今天@网秦UEC 的同学从国外分享了一篇关于响应式的好文，借助动态图列出了传统设计与响应式设计的不同之处，直观易懂不说，提到的9项原则都很实用，值得学习哟。