历经2个月设计开发的光影魔术手终于和大家见面了，无限激动，无限感慨。

这是一个漫长的纠结的过程，要把一个从零开始的产品做出来，需要强大的设计，

强大的内心，强大的创意，强大的开发

而我们最初有的仅仅是一个概念

亲们，首先咱是一个普通的互联网用户

在开始设计之前，大家经过了激烈的讨论，分析国内外同类型产品，对比每个产品的优缺点，与产品经理反复沟通，找到核心竞争力
国内产品：

美图看看----产品特点：专业看图软件，编辑功能太弱

美图秀秀----产品特点：-面向非主流用户的软件，用户年龄偏小，最大特色就是拥有人像美容、可爱饰品动画闪字这种功能

好 照 片----产品特点：在海外取得比较好的成绩，2012年才面向国内用户，基础编辑很专业，但功能还不够强大

……

lightroom——产品特点：是适合专业人士用的，功能很强大，运营也很成功。但由于是国外的软件，交互比较复杂，国内用户学习成本比较高

找准我们自己的定位和风格

光影魔术手是一个对数码照片画质进行改善及效果处理的软件。简单、易用，每个人都能制作精美相框，艺术照，专业胶片效果，而且完全免费。不需要任何专业的图像技术，就可以制作出专业胶片摄影的色彩效果，是摄影作品后期处理、图片快速美容、数码照片冲印整理时必备的图像处理软件。光影魔术手能够满足绝大部分照片后期处理的需要，且批量处理功能非常强大。

光影魔术手的定位

人群是那些喜欢摄影的但不太懂专业知识的摄影爱好者家，受过高等教育，有能力购买一台单反相机。对互联网有一定程度了解希望给用户提供一款功能强大，更易上手，操作体验更好的图片处理软件。简洁而不简单的高端一站式处理软件，专业效果简易化，摄影达人必备的图片处理软件

漫长的设计过程中我们要做的是创意、 归纳、摒弃、管理，这些都体现在细节中~~、

设计风格定位成：华丽低调欧美风格~

简洁   高端   平滑   易用性强

以下是我在设计过程中总结出来的技巧，给大家分享下

1 .图标设计保持统一整

是的，界面的图标不管是单色还是彩色都是相当重要的。可以决定界面的气质。别以为画图标很简单，也别拿钢笔工具当上帝，事实证明，16×16的小图标很多无法用钢笔表达，细节处只能用像素点一个一个的去堆砌。边缘和起始点千万别马虎，老老实实把铅笔工具调成50%透明吧。我遇到的另外一个问题是有的图标无法画的饱满，仅从字面意思去理解通常很奇怪，这时候需要一点改良精神，比如“调色”你首先想到的是一把刷子。或者一个圆的调色盘，可是刷子的形状很奇怪，和别的图标放一起不和谐，调色盘更离谱，尺寸得很大爱能具象表现。所以我把调色的图标和图片结合起来，使其看起来更饱满。

2 .界面中元素的摆放和适当的留白

很多设计师非常相信自己的肉眼，总是不可避免的犯那些幼稚错误，比如边距行距不准确，留白没有讲究，还是要仔细参考成功的产品，仔细拉辅助线。尤其是给开发人员的细节图中，要做好标注，开发们是单线条动物，他们会依葫芦画瓢的去写代码。所以设计师如果偷懒不做好标注，结果是和开发无休止的沟通 解释和修改。留白是一定要有的。不仅视觉上可以减少疲劳，也可以为后续的版本留下扩展功能的空间。如果要加运营也可以

3. 颜色气质要合理

光魔的质感是比较流行的复古金属底纹，在画布区域，和工具栏分开。颜色是偏蓝黑的深灰色。这样大面积的黑 灰 加少量的蓝色光感。主要让用户感觉到这是一款纯工具性软件。操作感比较强。华丽但低调。因为是给摄影人士用的，还要体现摄影的感觉。所以“酷”是贯穿所有界面的主题

4. 文件夹的管理十分重要

在切图初期，我们都知道一个按钮会有默认、鼠标经过、鼠标点击、这3态。就是nomal、hover、click,，有些图标还有disable禁用状态。用切片工具，九宫格的切图规则。这不是难点，最难得是如何管理你的切图。给每个切图资源定义好一个名字，很快速的找到它，建议和开发的命名规则保持一致。用英文，尽量不缩写，不加中杠和下划线，一律小写

菜单：menu         子菜单：submenu         标题: title       摘要: summary

内容：content/container                导航：nav 　　               侧栏：sidebar

……

我相信一定还有更多好产品等着大家去发现，光魔还有很多地方需要优化和创新。我们正在为此而努力。

最后给大家光魔的下载地址，尽情的体验吧~

下载地址：http://www.neoimaging.cn/

来源：迅雷UED