历经2个月设计开发的光影魔术手终于和大家见面了,无限激动,无限感慨。
这是一个漫长的纠结的过程,要把一个从零开始的产品做出来,需要强大的设计,
强大的内心,强大的创意,强大的开发
而我们最初有的仅仅是一个概念
亲们,首先咱是一个普通的互联网用户
在开始设计之前,大家经过了激烈的讨论,分析国内外同类型产品,对比每个产品的优缺点,与产品经理反复沟通,找到核心竞争力
国内产品:
美图看看----产品特点:专业看图软件,编辑功能太弱
美图秀秀----产品特点:-面向非主流用户的软件,用户年龄偏小,最大特色就是拥有人像美容、可爱饰品动画闪字这种功能
好 照 片----产品特点:在海外取得比较好的成绩,2012年才面向国内用户,基础编辑很专业,但功能还不够强大
……
lightroom——产品特点:是适合专业人士用的,功能很强大,运营也很成功。但由于是国外的软件,交互比较复杂,国内用户学习成本比较高
找准我们自己的定位和风格
光影魔术手是一个对数码照片画质进行改善及效果处理的软件。简单、易用,每个人都能制作精美相框,艺术照,专业胶片效果,而且完全免费。不需要任何专业的图像技术,就可以制作出专业胶片摄影的色彩效果,是摄影作品后期处理、图片快速美容、数码照片冲印整理时必备的图像处理软件。光影魔术手能够满足绝大部分照片后期处理的需要,且批量处理功能非常强大。
光影魔术手的定位
人群是那些喜欢摄影的但不太懂专业知识的摄影爱好者家,受过高等教育,有能力购买一台单反相机。对互联网有一定程度了解希望给用户提供一款功能强大,更易上手,操作体验更好的图片处理软件。简洁而不简单的高端一站式处理软件,专业效果简易化,摄影达人必备的图片处理软件
漫长的设计过程中我们要做的是创意、 归纳、摒弃、管理,这些都体现在细节中~~、
设计风格定位成:华丽低调欧美风格~
简洁 高端 平滑 易用性强
以下是我在设计过程中总结出来的技巧,给大家分享下
1 .图标设计保持统一整
是的,界面的图标不管是单色还是彩色都是相当重要的。可以决定界面的气质。别以为画图标很简单,也别拿钢笔工具当上帝,事实证明,16×16的小图标很多无法用钢笔表达,细节处只能用像素点一个一个的去堆砌。边缘和起始点千万别马虎,老老实实把铅笔工具调成50%透明吧。我遇到的另外一个问题是有的图标无法画的饱满,仅从字面意思去理解通常很奇怪,这时候需要一点改良精神,比如“调色”你首先想到的是一把刷子。或者一个圆的调色盘,可是刷子的形状很奇怪,和别的图标放一起不和谐,调色盘更离谱,尺寸得很大爱能具象表现。所以我把调色的图标和图片结合起来,使其看起来更饱满。
2 .界面中元素的摆放和适当的留白
很多设计师非常相信自己的肉眼,总是不可避免的犯那些幼稚错误,比如边距行距不准确,留白没有讲究,还是要仔细参考成功的产品,仔细拉辅助线。尤其是给开发人员的细节图中,要做好标注,开发们是单线条动物,他们会依葫芦画瓢的去写代码。所以设计师如果偷懒不做好标注,结果是和开发无休止的沟通 解释和修改。留白是一定要有的。不仅视觉上可以减少疲劳,也可以为后续的版本留下扩展功能的空间。如果要加运营也可以
3. 颜色气质要合理
光魔的质感是比较流行的复古金属底纹,在画布区域,和工具栏分开。颜色是偏蓝黑的深灰色。这样大面积的黑 灰 加少量的蓝色光感。主要让用户感觉到这是一款纯工具性软件。操作感比较强。华丽但低调。因为是给摄影人士用的,还要体现摄影的感觉。所以“酷”是贯穿所有界面的主题
4. 文件夹的管理十分重要
在切图初期,我们都知道一个按钮会有默认、鼠标经过、鼠标点击、这3态。就是nomal、hover、click,,有些图标还有disable禁用状态。用切片工具,九宫格的切图规则。这不是难点,最难得是如何管理你的切图。给每个切图资源定义好一个名字,很快速的找到它,建议和开发的命名规则保持一致。用英文,尽量不缩写,不加中杠和下划线,一律小写
菜单:menu 子菜单:submenu 标题: title 摘要: summary
内容:content/container 导航:nav 侧栏:sidebar
……
我相信一定还有更多好产品等着大家去发现,光魔还有很多地方需要优化和创新。我们正在为此而努力。
最后给大家光魔的下载地址,尽情的体验吧~