『Project V2EX』Android Holo主题(Android4.X) 客户端UI设计

2012-10-21 15:32:24 +08:00
 Pandroid
Pandroid正在努力学mobile app设计,于是利用空余时间设计了holo主题的V2EX android客户端,也就是4.0后的标准样式。
标准控件和actionbar图标使用了Google提供的PSD和AI原文件。

hope you enjoy!

登录页


主页


主页,显示view control选择标签


主页 侧滑导航 抄袭了G+的通知显示方式


主页 侧滑导航显示节点和搜索,借鉴了path在侧滑导航内使用Tabs,将节点分为 [分类] [收藏] [全部]


节点Tabs显示全部节点


节点页 新建主题在此 actionbar新建按钮 按照V2ex的新建流程


显示主题内容


显示主题内容 action overflow,隐藏不常用的操作


个人信息页


个人信息页 按下箭头显示更多信息


编辑个人资料


最后贴个icon


这里的图片加了GN的外壳,blog里没加:
http://pandroid.sinaapp.com/ps-trainee-project-v2ex-android-client/

就做了这些页面,PSD还没整理好,我要抄实验报告去啊!!啊!!啊!明天交啊!

最后想问个问题:android和PC下有什么工具能快速在设备上预览PSD的设计?类似于bjango这样的工具。控制一些元素和字体的大小没经验,我无奈的时候只能开eclipse然后直接布局xml通过USB调试到设备。
7134 次点击
所在节点    V2EX
48 条回复
cabinw
2012-10-21 16:02:55 +08:00
Good!
yetone
2012-10-21 16:04:14 +08:00
perfect
thcode
2012-10-21 16:07:16 +08:00
设计的非常好!
“显示全部节点”这里可以模仿通讯录,在右侧加上首字母快速导航
zjyyjqf
2012-10-21 16:10:38 +08:00
泪奔,跪求这么好用又好看的IOS客户端,5555555
LazarusX
2012-10-21 16:50:27 +08:00
设计很赞!
预览设计可以用这个工具: http://code.google.com/p/android-ui-utils/
介绍和演示视频: https://plus.google.com/113735310430199015092/posts/ZQ5wmtQPWkY
carlhan
2012-10-21 16:56:45 +08:00
很好看。只是V2EX的icon真的不好看 >.<|
toctan
2012-10-21 17:08:05 +08:00
赞!
zjyyjqf
2012-10-21 17:11:42 +08:00
@carlhan 那个icon我觉得很不错,好像是有点跟EVA有点关联
Felix2Yu
2012-10-21 17:27:57 +08:00
好棒,期待能早日做出来。
carlhan
2012-10-21 18:27:23 +08:00
@zjyyjqf 嗯。没看过EVA,所以不知道。如果这个icon是有另外一层意思的话,请忽略我的观点。
xlaok
2012-10-21 19:00:45 +08:00
整个真的不错
gonbo
2012-10-21 19:12:35 +08:00
不错呢,就是有点灰?
zythum
2012-10-21 19:35:10 +08:00
恩。 挺不错了。
Numbcoder
2012-10-21 19:49:49 +08:00
有细节!就是色调有点灰。。
52think
2012-10-21 20:13:44 +08:00
赞!期待实现!
ichigo
2012-10-21 20:44:15 +08:00
nice!
qq286735628
2012-10-21 22:10:46 +08:00
cool!
loading
2012-10-21 22:15:41 +08:00
字体颜色可再黑一点点
Pandroid
2012-10-21 22:32:24 +08:00
@thcode 原生的android只会在滚动时候显示。故意没加iOS那种首字母导航,不过确实还是iOS的方便
Pandroid
2012-10-21 22:36:12 +08:00
@carlhan
@zjyyjqf
我发现做图标有点儿难,在电脑上P好的放在设备上预览就是陀shit,所以我还是简洁为主了。
icon底纹的蜂窝图案确实受到EVA的影响 : ) 包括登录页的蜂窝底纹

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/50528

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX