网页设计中如何利用“黄金比例”？

黄金比例是什么？黄金比例是一个数学比率，通常在自然界中都能发现它，用来建立平衡的构图。 它大约等于1.6180，也被称为“中庸之道”、“黄金分割”， 通常用希腊字母Ф表示这个值。“黄金矩形”是指一个长方形的宽度是它高度的1.6180倍。 例如，一个划分为300 px的一侧， 则另一侧为300 * 1.6180≈485 px，就可以称之为黄金矩形。如果你从这个黄金矩形切分一个

用户研究 2016年04月11日

冷僻操作：如何用 AXURE 8.0 制作一个凹型

三种方法，复习一些冷僻的操作方式。凹型绘制方法一：边框可见性（冷僻度：2/5）步骤一：拖入两个矩形步骤二：将小矩形叠到大矩形的上方，保持上边重叠步骤三：选中小矩形，在样式（style）中编辑边框，选择上边框不透明步骤四：选中两个矩形，ctrl+G（command+G）组合图形，大功告成点评一下：这个方法的优势是制作便捷，巧用了边框的可见性属性，用基础知识就能满足。劣势是“凹

Axure教程 2016年12月15日

Sketch 基础 2- 制作 Sign Up 页面

上一篇我们学习了如何快速的制作一个圆角形按钮。本次教程我们就小试牛刀，制作一个简单的登录页面。/// 现在开始 ...1.首先在舞台中央建立一个“Artboard”。快捷键：字母“A”2.在右侧属性区域内，我们选择iphone7预设尺寸。3.点击后在舞台空白区域内出现一个矩形画布。4.将画布背景改为黑色，在右侧属性区域内修改背景色。5.按照上节课我们学习的，建立一个圆角矩形

产品 2016年11月10日

网页设计灵动布局之相对自由式

前言我们人类千人千面，但怎么长都不会偏离骨骼。因此，保持了内在的坚固恒久性，外表就一出戏，相对自由式的进行视觉想象编结。布局排版说来很容易，无非就是整理好网页的元素清单，然后一一放上版面即可。其实就因为自由搭配的方式千差万别，我们总为最好解决方案心悬一线，其实最后的结果又马马虎虎。优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在

产品经理 2016年09月14日

AI教程！教你手把手绘制热门的太空流星插画

@飞屋睿UIdesign ：宇宙流星风是最近风靡欧美的一种插画风格，这种用圆角表现的流星风格的插画，能表现出色彩更为丰富的层次，圆角的表现又显得柔和可爱，大多用在太空主题的作品中，传递出太空星系的速度感和神秘感。百叶窗的基底STEP 01百叶窗算是一种窗帘吗？就算吧，你一定记得这种水平横条带来的遮光革命。先保留一点记忆，再打开AI，文档大家可以参考我的参数。绘制一个矩形的蓝

产品 2016年07月19日

祖传秘方！轻松5招帮你搞定PPT图文排版

编者按：全图色块蒙版、局部色块蒙版、PS大法、边缘发光、色块渐变…今天@好PPT 这篇好文总结了5个可以帮你快速搞定PPT图文排版的方法，简单实用好上手，一起来收！对于全图型PPT，常常需要在图上搭配一定的说明文字。如果图片本来就有大量的留白区域，那当然是最好不过。像下面这几张幻灯片，文字放在图片的“空白处”，图文和谐搭配。 然而，很多情况下，从网上找到的图片背景都是比较

产品 2016年07月18日

AI进阶教程！手把手叫你绘制20个Apple Watch的图标

编者按：今天的AI教程比较考验大家的耐心，但是绘制一套完整的图标和一个图标的收获绝对大不一样，这篇教程提到很多AI的实用技巧，设置图标的齿轮怎么画才方便？活动图标的渐变如何变得有质感？练个手你就知道了！图标展示： 1. Apple Watch 图标准则Apple Watch 的图标被设计成与其他iOS图标非常相似的新潮的扁平化风格，一个引人注目的特定特征：图标是圆形的。 你

产品 2016年06月22日

简单6步用Aure绘制相机图标（附源文件）

记录这些内容，只是觉得有趣，尽管可能看起来没什么用，但很多事情换个视角总会有些不同。步骤1：拖入一个矩形，宽高自定，设置圆角值、投影，填充类型选择为渐变，然后设置渐变开始和结束的颜色（选中颜色指示浮标就可以更换对应位置的颜色），设置渐变角为90（即垂直方向的渐变）。步骤2：再拖入一个矩形，点击右上角的灰色小圆点，选择圆形模式（或设置比较大的圆角值直到矩形变为圆形）；填充类型

原型设计 2016年04月15日

Aure教程 | 常用交互效果的基本设置

我们如果想在不同的需求分析，不同的产品设计时，能够随心所欲地使用axure来设计原型，而不必担心如何实现，那么我们必须遵循这样一句话——工欲善其事，必先利其器。就像一个设计师对PS的掌握一样，要成为原型设计的一把瑞士军刀。那是不是要使用到axure一些高深的技巧才能满足我们的需要呢，其实也并不是这样，我们只需要把工具的常用功能使用好，就足以应付日常的原型设计了，我们从实际的

Axure教程 2016年04月12日

Aure基础教程01——矩形部件

用了axure两年了，算是入了门，也不断遇到有新手的各种疑问，感慨新手成长的不容易，因此写一些教程供大家参考，希望能给大家一点帮助吧。回想一下被朋友们问的问题，会发现其实大部分都是对功能不熟悉所造成的，并非是这个软件有多难用，于是就先从一些常常被忽略的功能细节开始吧，先给大家介绍一下各个部件的功能。至于一些非常基本的，比如怎么添加部件之类，这些完全小白的功能就不赘述了。说到

Axure教程 2016年04月11日