android设计,图标等概述
作者:郦橙 锦妖
链接:https://www.zhihu.com/question/36813390/answer/87029428
著作权归作者所有,转载请联系作者获得授权。
简单复制,用于记录,感谢作者!
这个问题其实有两个思路,你是现在就想做个美美哒app,还是像先变成设计师再做美美哒app,如果是后者,请参考其他答案~
【高亮】我为什么要写这个?因为我喜欢做产品,也喜欢做设计,我只差一个程~序~员~有意向的请私信我,我们可以分享一下对产品的想法,两边都觉得好的就你出代码我出设计,把app做起来~【高亮就这么结束了】
职业之间的信息不对称啊,你以为设计师都是一个像素一个像素从头搭的吗,不不不,我们也是有偷懒的诀窍的。。。读完此篇,只要你有ps或者sketch,知道图层的概念,可以把元素导出为所需格式,app的活儿你就能一个人干了。
你的设计难度会从 ---
变成 ---
--- 提纲 ---
1. 做app需要图标,我又不会画,怎么办?搜到一些现成的,但质量又不高,怎么办?图标不成套怎么办?
2. 没有审美怎么办?
3. 心里有个app想法,但是线框图画不出来怎么办?
4. iOS那么多尺寸,Android尺寸更吓人,全都要记住吗,导出@1x@2x@3x点九图什么的是不是很麻烦?
5. 说了这么多,还是要我从空白画布上画吗?!没有美术基础啊!当然不是啦~
6. 还有什么问题可以提问哈。
--- 正文 ---
1. 图标苦手怎么办
就算是设计师,一个一个画图标也是很累的。
这时候,如果有钱,请到选项到A;如果没钱或者不想花钱,请到选项B。
A 如果非常有钱,请直接把钱给我,我把图标给你哈哈哈。如果有一点钱,可以去http://www.shutterstock.com/ 或者 http://www.pixeden.com/ 买,图标站还有很多,先列这两个,反正你们更想看免费的对不对。
B http://www.flaticon.com 是你的好朋友,最好的朋友之一。虽然最近突然改版,变得有点难用,但海量,成套,免费,你还图啥?缺点可能是风格比较单一,想要fancy一点的怎么办?smashing magazine帮助你,https://www.smashingmagazine.com/ 只要搜索freebie即可,最早几年的icon质量不太行,也过时了,越是新帖质量越好。
举个栗子,随便点开一个。
可以调大小,可以改颜色,可以调线条粗细,用上这些,是不是b格噌得就上天了!这些都是顶级设计师放出来的免费资源,你花钱雇的设计师未必画得出来。。。
2. 没有审美怎么办?
这个就没有特效药了。据我的观察,没有审美天赋的人,可以判断好看和不好看,但无法判断好看和更好看,这时候如果你有个设计师朋友,请付费或者请吃饭,向他咨询咨询吧。
疗程缓慢的办法有:多看dribbble(eye candy多,但可以了解趋势和审美取向),多用好评和获奖的app,“最美应用”你下载了吗?“豌豆荚设计奖”你看了吗?(@马力请点赞~)每年app store 的盘点你都关注了吗?
3. 构思不好app流程怎么办?
$1 prototype大法,来自一本同名书,我刚看完个开头,所以以下是我根据它的目录和我的经验编的。。。具体就是“场景” - “过程” - “界面”。
先想象用户在什么情况下用,涉及几个用户,他们在干什么。比如,yelp,是用户需要找地方吃饭,所以一般只有一个用户(相对于uber两方用户,群聊n方用户),输入是一些查询条件,输出是在哪儿有饭吃。
现在细化过程,用户从打开app到达到目标,有哪些步骤。还是yelp,一般情况就是打开app,输入查询条件,看到结果,筛选,满意的话查看商家详情,不满意的话可能重新搜索可能更改筛选条件。这是主线剧情,还有些支线剧情,比如看到一个用户的评价很好,查看用户的其他评价,follow用户;还有自己身在餐馆,拍了菜单拍了菜,上传到yelp。把所有的剧情,都在流程图上画出来。
期间可能会遇到一些细节。用户先输入什么呢,是餐厅类型,还是只要能吃就可以?距离这个信息是gps给还是用户自己输,或者其实距离无所谓,反正用户有车呢?价格是什么时候出现?是搜索的时候就限定价格,还是结果出来以后再筛选?这些都不怕,反正也是要改的。。。而且一般自己想做的app也没有这么复杂。
你有一个流程图了,界面就简单了。把元素往界面上摆一摆,推荐用手机大小的便利贴,拿铅笔画上去,有很多东西玩app多了都有经验,搜索结果是啥,不就map view和list view么,怎么筛选,放一个漏斗icon在标题栏里呗,酱酱酿酿就好了。接下来就是把亲朋好友拉过来,让他们玩一下这个paper prototype,发现不对的地方再改。
有两个软件推荐,一个https://popapp.in 好久不用,希望它还是免费的。一个https://marvelapp.com 免费无限量project,真良心,我一直期待它被adobe收购,结果adobe既没有收它,也没有invision,而是准备自己做一个comet。。。真傲娇。
4. 尺寸记不住怎么办?
就不要用ps了,sketch做为生产力工具,真的不贵,都不是按月按年subscribe的,一次买一生,有什么舍不得的,买吧。以后用它直接新建画板,就不用记住那么多尺寸了,导出图片也特别方便,ps切图再见。
5. 面对空白画布下不去手怎么办?
前面提到了invision,这家公司的marketing很牛,设计也很牛,市场部为了宣传他们的产品,让设计师做了很多的高质量免费模版给其他设计师下载。
举个栗子。
再举一个。
这些全是一整套,一整套啊,意味着登陆界面,dashboard,阅读文章的界面,购物车,天气,聊天对话各种界面都很可能有。格式一般都有ps,sketch两种,有时有ai,和设计师打包给你的成品差距不大,你可能需要一个切图仔,或者自己来。
这些不够怎么办?
http://graphicburger.com
http://freebiesbug.com/psd-freebies/ui-kits/
https://ui8.net/categories/freebies
这样总行了吧。
6. 其他问题。
应该没有其他问题了吧。结尾再高亮一下。
【高亮】如果你有个人项目的app idea,欢迎和我沟通,如果我感兴趣我会出设计,你出代码。如果你想写app但“就差一个idea了”也欢迎私信,我可以跟你谈谈我的想法。【高亮卒】
链接:https://www.zhihu.com/question/36813390/answer/87029428
著作权归作者所有,转载请联系作者获得授权。
简单复制,用于记录,感谢作者!
这个问题其实有两个思路,你是现在就想做个美美哒app,还是像先变成设计师再做美美哒app,如果是后者,请参考其他答案~
【高亮】我为什么要写这个?因为我喜欢做产品,也喜欢做设计,我只差一个程~序~员~有意向的请私信我,我们可以分享一下对产品的想法,两边都觉得好的就你出代码我出设计,把app做起来~【高亮就这么结束了】
职业之间的信息不对称啊,你以为设计师都是一个像素一个像素从头搭的吗,不不不,我们也是有偷懒的诀窍的。。。读完此篇,只要你有ps或者sketch,知道图层的概念,可以把元素导出为所需格式,app的活儿你就能一个人干了。
你的设计难度会从 ---
变成 ---
--- 提纲 ---
1. 做app需要图标,我又不会画,怎么办?搜到一些现成的,但质量又不高,怎么办?图标不成套怎么办?
2. 没有审美怎么办?
3. 心里有个app想法,但是线框图画不出来怎么办?
4. iOS那么多尺寸,Android尺寸更吓人,全都要记住吗,导出@1x@2x@3x点九图什么的是不是很麻烦?
5. 说了这么多,还是要我从空白画布上画吗?!没有美术基础啊!当然不是啦~
6. 还有什么问题可以提问哈。
--- 正文 ---
1. 图标苦手怎么办
就算是设计师,一个一个画图标也是很累的。
这时候,如果有钱,请到选项到A;如果没钱或者不想花钱,请到选项B。
A 如果非常有钱,请直接把钱给我,我把图标给你哈哈哈。如果有一点钱,可以去http://www.shutterstock.com/ 或者 http://www.pixeden.com/ 买,图标站还有很多,先列这两个,反正你们更想看免费的对不对。
B http://www.flaticon.com 是你的好朋友,最好的朋友之一。虽然最近突然改版,变得有点难用,但海量,成套,免费,你还图啥?缺点可能是风格比较单一,想要fancy一点的怎么办?smashing magazine帮助你,https://www.smashingmagazine.com/ 只要搜索freebie即可,最早几年的icon质量不太行,也过时了,越是新帖质量越好。
举个栗子,随便点开一个。
可以调大小,可以改颜色,可以调线条粗细,用上这些,是不是b格噌得就上天了!这些都是顶级设计师放出来的免费资源,你花钱雇的设计师未必画得出来。。。
2. 没有审美怎么办?
这个就没有特效药了。据我的观察,没有审美天赋的人,可以判断好看和不好看,但无法判断好看和更好看,这时候如果你有个设计师朋友,请付费或者请吃饭,向他咨询咨询吧。
疗程缓慢的办法有:多看dribbble(eye candy多,但可以了解趋势和审美取向),多用好评和获奖的app,“最美应用”你下载了吗?“豌豆荚设计奖”你看了吗?(@马力请点赞~)每年app store 的盘点你都关注了吗?
3. 构思不好app流程怎么办?
$1 prototype大法,来自一本同名书,我刚看完个开头,所以以下是我根据它的目录和我的经验编的。。。具体就是“场景” - “过程” - “界面”。
先想象用户在什么情况下用,涉及几个用户,他们在干什么。比如,yelp,是用户需要找地方吃饭,所以一般只有一个用户(相对于uber两方用户,群聊n方用户),输入是一些查询条件,输出是在哪儿有饭吃。
现在细化过程,用户从打开app到达到目标,有哪些步骤。还是yelp,一般情况就是打开app,输入查询条件,看到结果,筛选,满意的话查看商家详情,不满意的话可能重新搜索可能更改筛选条件。这是主线剧情,还有些支线剧情,比如看到一个用户的评价很好,查看用户的其他评价,follow用户;还有自己身在餐馆,拍了菜单拍了菜,上传到yelp。把所有的剧情,都在流程图上画出来。
期间可能会遇到一些细节。用户先输入什么呢,是餐厅类型,还是只要能吃就可以?距离这个信息是gps给还是用户自己输,或者其实距离无所谓,反正用户有车呢?价格是什么时候出现?是搜索的时候就限定价格,还是结果出来以后再筛选?这些都不怕,反正也是要改的。。。而且一般自己想做的app也没有这么复杂。
你有一个流程图了,界面就简单了。把元素往界面上摆一摆,推荐用手机大小的便利贴,拿铅笔画上去,有很多东西玩app多了都有经验,搜索结果是啥,不就map view和list view么,怎么筛选,放一个漏斗icon在标题栏里呗,酱酱酿酿就好了。接下来就是把亲朋好友拉过来,让他们玩一下这个paper prototype,发现不对的地方再改。
有两个软件推荐,一个https://popapp.in 好久不用,希望它还是免费的。一个https://marvelapp.com 免费无限量project,真良心,我一直期待它被adobe收购,结果adobe既没有收它,也没有invision,而是准备自己做一个comet。。。真傲娇。
4. 尺寸记不住怎么办?
就不要用ps了,sketch做为生产力工具,真的不贵,都不是按月按年subscribe的,一次买一生,有什么舍不得的,买吧。以后用它直接新建画板,就不用记住那么多尺寸了,导出图片也特别方便,ps切图再见。
5. 面对空白画布下不去手怎么办?
前面提到了invision,这家公司的marketing很牛,设计也很牛,市场部为了宣传他们的产品,让设计师做了很多的高质量免费模版给其他设计师下载。
举个栗子。
再举一个。
这些全是一整套,一整套啊,意味着登陆界面,dashboard,阅读文章的界面,购物车,天气,聊天对话各种界面都很可能有。格式一般都有ps,sketch两种,有时有ai,和设计师打包给你的成品差距不大,你可能需要一个切图仔,或者自己来。
这些不够怎么办?
http://graphicburger.com
http://freebiesbug.com/psd-freebies/ui-kits/
https://ui8.net/categories/freebies
这样总行了吧。
6. 其他问题。
应该没有其他问题了吧。结尾再高亮一下。
【高亮】如果你有个人项目的app idea,欢迎和我沟通,如果我感兴趣我会出设计,你出代码。如果你想写app但“就差一个idea了”也欢迎私信,我可以跟你谈谈我的想法。【高亮卒】