Jimhwa'

Graphy Design & Interface Design @Guangzhou

Contact me : swatow-ink@foxmail.com

前几个月给客户做的智慧社区后台管理界面重绘,

根据客户的简洁 醒目 易用的要求,在功能和交互不变的前提下。

使用了清爽的蓝色,对数十个icon图标重新绘制。

强化首页四个入口按钮,优化了数据统计、项目分布的表现形式。

界面的内页,主要是目录树及表格,使用低纯度的蓝色和白色搭配,拉大文字、按钮之间的间距。


给客户做的单页H5,用于为合作银行信用卡营销拉新

方案2是客户最后选择的,但个人不是很满意,所以方案1选用了比较合适的配色。

CAMPUS


一套共创能力的线上课程,帮助更多年轻人掌握共创时代的超能力,跳出传统职业束缚。面对越来越多跨文化、跨领域、跨组织的项目协作,除了专业能力之外,我们需要一双「共创力」的翅膀,在正在生成的未来里翱翔。


这套课程旨在提高六种维度的能力:场域构建力、感知 & 洞察力、沟通力、创造力、问题解决力和组织力。跟其它线上学习不同,「共创力」的提升更需要社群化的学习方式,并且有线上线下的共创实践,学员可以选择自发项目、加入到平台上的商业项目或社会创新项目里去实践。 


CAMPUS

聚集跨界共创年轻人的学习成长社区


  • 「共创能力...

SPARK

轻便简洁的多人实时协作创意工具

基于公司对新型工作方式的洞察,产生了产品的雏形想法。前期协助产品经理 通过竞品分析、潜在用户访谈,梳理产品定位及用户画像分析、商业模式的设想、运营传播策略设计。

根据产品属性及公司品牌调性,独立完成 产品的品牌标识设计及定界面视觉风格定义,有效传达产品概念和品牌形象。

负责产品的界面设计,视觉元素制作,产品的交互分析等,不断提升的用户体验,与产品经理和工程师紧密合作。


建议在电脑端打开:

http://spark.yi-gather.com


好事地图App iOS  Redesign


iOS App Icon

最近做的项目的概念化Icon,感觉又是飞机稿

给公司的社群管理做的后台管理界面 视觉规范2.0

食物系列

6-7月,Explorer 后台管理界面

15年末16年初,做的一个汽车辅助驾驶产品


| 橄榄台App iOS  Redesign思路


1.产品被赋予太多功能,定位不清晰,结构复杂。——产品是广电背景,应突出自身作为媒体在新闻资讯上的优势,特别是节目直播/点播更是核心优势。


2.整体界面配色混乱,图标粗糙。——颜色重新调整,重绘图标,提升视觉体验。


3.首页/资讯 页面布局混乱,夹杂着图文资讯和直播/点播的入口,增加用户操作难度。——首页/资讯 页面重新排版,集中展示图文资讯,将直播/点播 入口添加到菜单栏中,一级入口。


4.图文详情 页面,重新排版,字号、间距、字距优化,增加评论功能。...


15年年底教育项目的飞机稿,

这两天翻出来又重新优化。

项目调整了方向,然后就没有然后了。

16年2月,做的场地自助租赁页面,改了两次最后成了飞机稿。

老板最初的想法是想解放人力,优化场地租赁时沟通的流程,使用自助支付预约的方式,但还是希望最后有人工审核的流程,但其实两者是悖论。

最终经过技术、设计、运营三方妥协后,

仍然沿用之前的 微信文章+人工联系+线下支付的方式。


15年末16年初,给客户做的一个银行理财产品信息推荐和比价 项目的界面重构。


有什么理财,是一款银行理财产品信息推荐和比价的产品。

当时已完成了大部分的基础核心功能,但由于追求开发的效率,产品原先的界面风格是传统股票类暗黑的风格,各个页面间视觉联系不强。间接影响了市场人员推广和用户使用留存率。

针对这一系列问题,我深度体验了这一款产品,找到各个页面之间缺乏联系的根本原因是产品的配色和风格不统一。

我提出使用浅蓝色作为主色辅以浅灰色和大面积的白色,进而提高主要信息的可读性,同时平衡页面布局。

在原有交互的基础上,通过增加图标和颜色对比的使用,突出容易被用户忽略的排序和筛选...

10月,科技媒体项目


已上线

http://chuangcifang.com/

15年 9-10月,股权众筹项目的部分页面

10月做的项目,虽然当时和PM沟通不是很愉快。现在1月回头又做了修改,作品是自己的,总要慢慢完善和优化。看到自己一步一步的成长,感恩。

中秋想家,临摹豆瓣的中秋闪屏过节

抽空临摹一个开关的图标

越练越熟

9月,给公司自主开发的后台做的页面设计

基于非营利组织的业务和信息管理需求,

优化浏览体验,提高易用性。

首页还是不是很满意,但还是比之前开发做的页面好很多。


已上线:

https://www.starscn.org/Admin/Public/login.html

八月,给某公益机构做的网站改版设计

过程中甲方的需求改了又改,效率太低了。

希望能跟到靠谱的PM和团队啦


已上线 

http://gongyi.starscn.org/


和项目相关的几个file icons

April 2015 ,体育用品项目网站 飞机稿

某公益项目新网站上线了,看着自己做的东西又开心又不开心。


“logo要大”真的是很破坏美感,PC端还原程度很高,期待移动端。


已上线 

http://www.weiaixingzou.org/WebSite/Index

5月的项目,给某慈善基金会旗下项目做的整站改版设计,

第一次同时负责项目的PC端和移动端页面,先把移动端的部分po上来。

移动端2x 的宽高、字号真的很折腾人,

除了保持与pc端的视觉一致,功能一致

还需要考虑突出重要信息,精简次要栏目和信息,而不是照搬就可以的。


根据客户的需求,在项目详情和团队详情页面,将捐款按钮 做浮动的处理,提高用户操作性。


已上线

http://weiaixingzou.org/WXSite/home.aspx?ac=7

3月的项目,一页式的网站

客户比较好沟通,非常信任乙方。

几乎是一稿过,感恩


http://www.learnlabchina.com/

2015.01.14  临摹自Dribbble

18个icon,用了一个礼拜左右断断续续做的,

我觉得火箭原来的机翼很难看就改了,地图是花了点时间但还是学到了。

信封的投影折腾了比较久,在AI上不大好做,最后还是用渐变是最自然的。

做云朵的时候超开心,超简单但是效果很棒。

图标的投影还是用高斯模糊自然一些,羽化后毛边的效果比较严重。


用AI做完要po上来(额,截止目前都是AI做的),

才知道作者是 Pierre Borodin ,他把原始档也上传了。

2015.01.12  临摹自Dribbble

五月的时候做的,

拿出来修改细节,同样效果的投影有好几种实现形式,

高斯模糊,50%透明,颜色加深 / 填充黑色,羽化,60%透明。

#37353a 和#27262a 组成的矩形网格,真的好有锤子的感觉呢~

——

谢谢ben哥的建议,西瓜蜜瓜倾斜45°后,好很多


2015.01.10  临摹自Dribbble

这个icon,看起来好精气神。

时代在变,换做以前手里拿的应该是锤子、镰刀这些东西啦。

拇指和手心调整了好久,真笨。手指还是有点不自然。


2015.01.01  临摹

圣诞节刚过

The boy has a gift for design?

2014.12.29  临摹自Dribbble

Smartisan OS Browser


打算之后临摹的Smartisan OS都放在这里,积少成多

© Jimhwa' | Powered by LOFTER