web原型设计

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

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

Web App设计浅谈

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

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

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

关于原型设计的一些事

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

关于原型设计的一些事

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

响应式Web设计

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

Web端设计规范的价值

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

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

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

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

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

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

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

关于原型设计的一些事

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

你的Web应用是否需要响应式设计

移动互联网盛行之下，怎能没有移动端Web?那么问题来了，移动端Web是什么?响应式设计又是什么?是否都有必要进行响应式设计?首先我们先说一下移动端Web，它是相对于PC端而言的，典型的移动端包括手机、Pad等设备。以往的大网站都是依据我们的电脑显示器的分辨率设计的，宽度固定(比如经典的960布局，即

Web端设计规范都包括什么

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

产品原型设计的8大黄金定律

原型设计，困扰很多新手级产品经理的老大难。其实原型设计没有想象的那么难，熟能生巧，掌握8大黄金定律即可。

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

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