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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4409 天前的主题，其中的信息可能已经有所发展或是发生改变。

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调试到设备。

节点

主页

psd

48 条回复 • 1970-01-01 08:00:00 +08:00

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的影响 : ) 包括登录页的蜂窝底纹

Pandroid

2012-10-21 22:38:15 +08:00

@gonbo
@Numbcoder
@loading
主要我预览设备是GN，跟着设备上的调整的，SA屏看上去没有太灰。当然，色彩和视觉上的知识我是非常缺乏的，慢慢调整。

Pandroid

2012-10-21 22:38:46 +08:00

@LazarusX 多谢提醒，尝试中

Pandroid

2012-10-21 22:42:44 +08:00

@Felix2Yu
@52think
自己不会，我也等待实现— —||

cnbuff410

2012-10-21 23:04:42 +08:00

非常棒的设计！

AnyOfYou

2012-10-22 00:59:10 +08:00

很棒,希望能出一份力

tox

2012-10-22 10:01:08 +08:00

不错，支持下。

dingstyle

2012-10-22 10:01:17 +08:00

挺不错的，就是色调有点太单一了

cutehalo

2012-10-22 10:08:48 +08:00

nice！

ccming

2012-10-22 10:58:59 +08:00

yes

zxsky1

2012-10-22 11:18:24 +08:00

非常不错 :)

4pple

2012-10-22 14:38:45 +08:00

期待啊，要是出的话，很有参考价值

MASAILA

2012-10-22 14:51:52 +08:00

很漂亮！！

Pandroid

2012-10-22 16:31:47 +08:00

@dingstyle
其实灰色调我是受Gmail的影响，只是字体可能太灰，影响阅读

@AnyOfYou
@4pple
希望有人能实现吧，我技术不行

chisj

2012-10-22 18:39:14 +08:00

iOS的在哪里？我要看呀 ^-^

GreatHan

2012-10-22 18:43:38 +08:00

Pure Android

cysnap

2012-10-22 20:23:22 +08:00

这个色调真不错，让我有购买一台android手机的欲望，希望赶快实现！

xlaok

2012-10-22 20:34:03 +08:00

@cysnap 同样欲望~哈哈

kavana

2012-10-23 13:49:14 +08:00

真心好看

freefcw

2012-10-23 14:36:55 +08:00

设计不错~~喜欢的

raecoo

2012-10-23 16:39:34 +08:00

啥时候发布出来，真心喜欢，想用

Pandroid

2012-10-23 17:07:37 +08:00

@chisj ios很早有童鞋实现过了吧

Pandroid

2012-10-23 17:09:33 +08:00

@cysnap
@xlaok
@raecoo
自己技术还不行，暂时也没办法去实现，只会设计而已T T。当然有人愿意做的话愿意出力！

GreatHan

2012-10-23 18:10:50 +08:00

@Pandroid 可以建个开源项目

Pandroid

2012-10-23 19:39:17 +08:00

PSD整理好啦，下载

dropbox：http://dl.dropbox.com/u/60181116/projectV2EX.zip

微盘： http://vdisk.weibo.com/s/gnxra

Google Drive：https://docs.google.com/open?id=0B9BN7ItUCqrDV0lMaEE3TFd2QVE
（点击文件下载）

qhm123

2012-10-23 20:55:26 +08:00

lingo

2012-10-23 21:20:24 +08:00

这个设计的确实不错。。期待成品。

jimbray

2012-10-23 21:52:08 +08:00

哇！很漂亮

shawn_gong

2012-12-13 15:12:32 +08:00

哇，这设计真是舒服～