UI博文



毛笔字字体教程备忘录

作者: alicejiang 发表于 十 23, 2015 分类在 设计分享

毛笔字教程1
font maker1

文中用到的字体有:
禹卫书法行书简体 点击下载
李旭科书法体

书法笔刷 点击下载

毛笔字教程2
书法字体制作

阅读全文

图片压缩在线工具开发背景介绍

作者: alicejiang 发表于 一 15, 2015 分类在 UI博文, 设计分享

苦逼设计师场景描述

也许你是个前端工程师,切完网页后,有一堆要优化压缩的图片,以保证上线后用户浏览的速度;
也许你是个网站运营,每天都有处理不完的图片要压缩,日复一日,年复一年,你修完的图片,连起来可以绕地球30圈;
也许你是个设计师,还在依靠PS以及它的批处理功能在一张一张压缩图片,
这些都弱爆了,快来试试一键压缩吧,保准你会爱上它!

网址:www.secaibi.com (很好记,色彩笔的全拼)

色彩笔打开界面展示

开发背景介绍:

想到开发这个在线压缩图片的工具,还真的是一次巧合!
有一次我周末在家加班,其他页面都做好了,就差一堆图片要优化了,30-40张,于是我一张一张在PS里面打开,一张一张调优化比,老公看到了,就问我:原来这么麻烦啊?!难道没有更高效的方法了吗?
我说:有啊!PS里面还有批处理功能,只不过我懒的写ACTION(动作)了!
他说:那一定有更简单的方法!
于是,他买了几本图像处理方面的书籍,看了一个星期,写了这个小工具。

……………………………………………………………………我想,这应该就是真爱了吧……………………………………………………………………

一开始这工具只有我一个人用,现在渐渐的,每天的UV量接近300了,非常高兴能有这么多的人喜欢这款小工具。为了更多的人能受益,在这里,我积极的将这款充满着满满爱的工具分享给大家!

为什么要选择它:
1.它是一款在线工具:无需像PS一样,下载到本地,这样即便你换了台电脑,你只要输入网址,图片就可以在几秒钟完成处理。
2.它可以一键完成:不需要有什么专业技能,也不需要设置什么优化值,一切交给它即可。它会自动给你算好一个最优的图像,以保证你的图片即小又不影响清晰度。

如果还有不会使用的亲,就直接点这里

阅读全文

APP界面一日完成全攻略

作者: alicejiang 发表于 一 13, 2015 分类在 UI博文, 设计分享

设计师在公司经常是个很被动的职业,一个项目排下来,到设计师这边的工期总是被压缩的很紧很紧,结果就是无休止的加班,那么,如何摆脱这种局面,当然,也不是一天二天的事情,先谈一谈我个人的经验做法。

首先,制定合理的工作(项目)计划。有人肯定会疑惑,项目计划不是项目经理制定好的吗?其实,你自己得清楚,所有的设计需求,完成了需要多久,如果一个项目,三四十页面,项目经理只告诉你什么时候开始,你得什么时候给我做出来,那你就非常有必要自己梳理一个明确的UI设计计划,具体有哪些任务项,每个页面的优先级是什么,开始时间,完成时间,工期是多少,哪些人参与,负责人谁。如果连你自己都不去理,不愿意去理,那其他人又怎么能清楚的知道你的工作量呢?

经常会遇到这样的场景:

项目经理说:我这个项目一点都不复杂,就十几个页面。你2天给我做出来!

然后做着做着,尼玛,这哪是十几个,一看设计源文件都三十多个!

那像这种情况,怎么规避,很简单,就是排设计计划,把要做的页面一条一条清楚的罗列出来,注意红框中几个关键的要素,如图:

手机端WAP页面设计项目计划

 

计划排完了,如果2个人2天能做完这个项目,那OK,没问题,项目属于可控状态,那如果超出了计划要求的时间呢,那就要协调了。

第一种方法是:减工作量。找谁减,一般找项目经理沟通,因为他是直接给你布置工作的人,项目的成败和他都有直接关系。如果客户不强硬的要求要在某个时间点上线,其实他们也不会太为难自己人,毕竟时间和项目的质量也有关系。时间多,则有更多的时间去丰富创意,调试兼容,以增加客户的满意度;时间少,那么项目的整体质量也会大打折扣,我看过太多太多着急上线,好多人加班搞,搞到最后出问题,客户投诉的项目,太多太多……

但是公司也存在这样一种人,着急上位,想在领导面前表现自己,不管技术那边有没有能力实现,先把客户忽悠住,说我们一定能做到,这种情况下,一般商量的余地是没有的,他就是要让你2天出20个页面,那你就没办法了,只有干!

第二种方法是:增加人力。找谁加,找你的直接领导沟通,由他来负责协调,该项目需不需要,或者有没有再增加设计人员的必要,当然,这事你自己也可以定,但是,领导是需要存在感的,你如果不汇报,他会说,这事他不知道,没人跟他打招呼,表现出一副不高兴的样子。

OK,如果他同意增加,你这边只要根据项目的实际需求,排好兵,布好局就行了。如果不同意,你就反馈给项目经理,让他再找上面领导去协调。

当然,前提是,你这计划不能排的太假,太夸张,比如,一个首页风格设计,1-2天,你别排个三四天,那领导对你的信任度也会降低。第二,可以适当的把周六周日排进去,表现出我们已经是考虑到加班加点的情况了,但是还是有困难。这一点也要求,你的计划也不能排的太紧凑,可以适当宽松一点,把握好这个度,给自己留有一定的缓冲时间。

好了,如果以上2种方法都不奏效,领导最后协调的结果还是加班!

你觉得要完成这项任务还是很艰巨,很困难,怎么办?!

干!

但不能蛮干!要有方法!

如果是个急活,多半是公司之前有一些成功的案例,那之前的项目资源是否可以拿过来复用,如果没有,那怎么办?没有我们要创造条件。比如,让你1天就完成一个客户端的APP界面,大概20多个页面的工作量,看上去貌似是不可完成的任务,然后,你同时安排了4个设计师去完成,那么如何高效,保质保量的完成?

答案就是:可以先找一套与产品特质高度吻合的UIKIT作为切入点。因为人越多,每个人的设计风格都不一样,怎么能有效的把控住设计风格,并保持风格一致呢?必须将页面中的每个控件,如按钮,多选单选框,导航,图标,输入框,提示文字等等都形成统一的规范,做在一个页面中,这样如果自己设计的页面中有需要部分,直接拖拽使用就可以了。

如果时间紧,就从网上找现成的UIKIT组件,时间稍微宽裕,可以让一个人先设计套完成的,其他人以此为模板。

总结:

1. 设计计划先排排好,确定好人员、时间点、工作任务项,如下图:

APP界面设计项目计划

2.按照产品需求,选择契合度最高的UIKIT完成快速设计开发,如下图:

 

UIKIT组件展示

以上2点遵守了,我相信会多多少少提升一些团队的整体工作效率,保证设计工作的有效开展。一个人做要10天,10个人只要1天,团队的力量永远最大,合理把握好自己手上的人力资源,尽量让大家少加班,不加班。这样你手下的兵满意度才能高,而你才能笼络住人心。

阅读全文

南京最受欢迎的8家互联网公司

作者: alicejiang 发表于 十二 30, 2014 分类在 UI博文, 设计分享

前几天在微信上看到一篇帖子,评选的南京最受欢迎的8家互联网公司。数据不知道是真是假,但是,月薪还是有一定的参考价值,转给大家参考。

序号 公司名称 平均月薪 备注 公司网址
1 途牛旅游网 8K-16K 屠牛?涂牛?NONONO,旅途的途,牛人的牛!最近和同程打的火热! 飞去网站
2 钱宝网 12K-20K 据说很有钱,看待遇就知道了,但貌似也会裁员,一家很神秘的企业 飞去网站
3 苏宁云商 7K-15K 说到苏宁,最害怕的就是996,但是好像也分部门,不一定ALWAYS加班 飞去网站
4 365房产网 6K-10K 网站首页好像从零几年就没变过,只在关心房价的时候偶尔上一上,移动产品好像很多,不仅仅是房产 飞去网站
5 焦点科技 7K-10K 桥北的公司,人性化管理,适合在桥北居住的兄弟姐妹们,首选单位 飞去网站
6 西祠胡同 6K-11K 之前结婚的时候经常上婚嫁,现在有宝宝了,偶尔上上亲子,还在二手论坛卖过一台手机,用户量满大,当天就卖掉了 飞去网站
7 龙虎网 6K-10K 主要是新闻门户,没上过,南京人可能知道的多,首页比较土 飞去网站
8 付融宝 7K-11K 应该是个理财的平台,平时不怎么理财,对这个不太了解,同类的开鑫贷倒是了解一些 飞去网站
阅读全文

L风,这个真的可以忽悠客户!

作者: alicejiang 发表于 十一 26, 2014 分类在 UI博文, 设计分享

安卓L风格Material Design

前年去年,也许你还在跟客户说我的设计采用的是最新流行的扁平化设计,忽悠住他,今年一定要换了,否则连客户都会说你OUT~
L风,其实我也是前一阵子听说的,不过确实老早(大概年中6月份)就出来了,不是有句话叫什么“学习,永远不晚(Better late than never)”,所以抓紧来扫下盲哈!

首先,讲讲它的来历,直接百度啦,讲的很细。

http://baike.baidu.com/view/13945675.htm?fr=aladdin

文章中有提到安卓L的新界面:Material Design,以下是Material Design的中文版说明书,大家直接戳,不用客气。

http://design.1sters.com/material_design/material-design/introduction.html

当然如果文章觉得晦涩,还没有看懂,继续戳下面视频,是极客学院的老师分享的,分类目录很详细:交互/专场动画/样式色彩/字体排版等等。

http://www.jikexueyuan.com/course/124.html

还有更多详尽的关于Material Design设计风格的资料,请移步UI中国,

http://www.ui.cn/Material/index.html

或者自己下载UI KIT研究一番

http://pan.baidu.com/s/1i30yRat

http://www.ui.cn/project.php?id=18995

android L

android L

阅读全文
第 3 页,共 36 页12345...102030...最旧 »