首页 注册 登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Pandroid
V2EX  ›  V2EX

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

  •   
  •   Pandroid · 2012-10-21 15:32:24 +08:00 · 6928 次点击
    这是一个创建于 4202 天前的主题，其中的信息可能已经有所发展或是发生改变。
    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
        1
    cabinw  
       2012-10-21 16:02:55 +08:00
    Good！
    yetone
        2
    yetone  
       2012-10-21 16:04:14 +08:00
    perfect
    thcode
        3
    thcode  
       2012-10-21 16:07:16 +08:00
    设计的非常好！
    “显示全部节点”这里可以模仿通讯录，在右侧加上首字母快速导航
    zjyyjqf
        4
    zjyyjqf  
       2012-10-21 16:10:38 +08:00
    泪奔，跪求这么好用又好看的IOS客户端，5555555
    LazarusX
        5
    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
        6
    carlhan  
       2012-10-21 16:56:45 +08:00
    很好看。只是V2EX的icon真的不好看 >.<|
    toctan
        7
    toctan  
       2012-10-21 17:08:05 +08:00
    赞！
    zjyyjqf
        8
    zjyyjqf  
       2012-10-21 17:11:42 +08:00
    @carlhan 那个icon我觉得很不错，好像是有点跟EVA有点关联
    Felix2Yu
        9
    Felix2Yu  
       2012-10-21 17:27:57 +08:00
    好棒，期待能早日做出来。
    carlhan
        10
    carlhan  
       2012-10-21 18:27:23 +08:00
    @zjyyjqf 嗯。没看过EVA，所以不知道。如果这个icon是有另外一层意思的话，请忽略我的观点。
    xlaok
        11
    xlaok  
       2012-10-21 19:00:45 +08:00
    整个真的不错
    gonbo
        12
    gonbo  
       2012-10-21 19:12:35 +08:00
    不错呢，就是有点灰？
    zythum
        13
    zythum  
       2012-10-21 19:35:10 +08:00
    恩。 挺不错了。
    Numbcoder
        14
    Numbcoder  
       2012-10-21 19:49:49 +08:00
    有细节！就是色调有点灰。。
    52think
        15
    52think  
       2012-10-21 20:13:44 +08:00
    赞！期待实现！
    ichigo
        16
    ichigo  
       2012-10-21 20:44:15 +08:00
    nice！
    qq286735628
        17
    qq286735628  
       2012-10-21 22:10:46 +08:00
    cool!
    loading
        18
    loading  
       2012-10-21 22:15:41 +08:00
    字体颜色可再黑一点点
    Pandroid
        19
    Pandroid  
    OP
       2012-10-21 22:32:24 +08:00
    @thcode 原生的android只会在滚动时候显示。故意没加iOS那种首字母导航，不过确实还是iOS的方便
    Pandroid
        20
    Pandroid  
    OP
       2012-10-21 22:36:12 +08:00
    @carlhan
    @zjyyjqf
    我发现做图标有点儿难，在电脑上P好的放在设备上预览就是陀shit，所以我还是简洁为主了。
    icon底纹的蜂窝图案确实受到EVA的影响 : ) 包括登录页的蜂窝底纹
    Pandroid
        21
    Pandroid  
    OP
       2012-10-21 22:38:15 +08:00
    @gonbo
    @Numbcoder
    @loading
    主要我预览设备是GN，跟着设备上的调整的，SA屏看上去没有太灰。当然，色彩和视觉上的知识我是非常缺乏的，慢慢调整。
    Pandroid
        22
    Pandroid  
    OP
       2012-10-21 22:38:46 +08:00
    @LazarusX 多谢提醒，尝试中
    Pandroid
        23
    Pandroid  
    OP
       2012-10-21 22:42:44 +08:00
    @Felix2Yu
    @52think
    自己不会，我也等待实现— —||
    cnbuff410
        24
    cnbuff410  
       2012-10-21 23:04:42 +08:00
    非常棒的设计！
    AnyOfYou
        25
    AnyOfYou  
       2012-10-22 00:59:10 +08:00
    很棒,希望能出一份力
    tox
        26
    tox  
       2012-10-22 10:01:08 +08:00
    不错，支持下。
    dingstyle
        27
    dingstyle  
       2012-10-22 10:01:17 +08:00
    挺不错的，就是色调有点太单一了
    cutehalo
        28
    cutehalo  
       2012-10-22 10:08:48 +08:00
    nice！
    ccming
        29
    ccming  
       2012-10-22 10:58:59 +08:00
    yes
    zxsky1
        30
    zxsky1  
       2012-10-22 11:18:24 +08:00
    非常不错 :)
    4pple
        31
    4pple  
       2012-10-22 14:38:45 +08:00
    期待啊，要是出的话，很有参考价值
    MASAILA
        32
    MASAILA  
       2012-10-22 14:51:52 +08:00
    很漂亮！！
    Pandroid
        33
    Pandroid  
    OP
       2012-10-22 16:31:47 +08:00
    @dingstyle
    其实灰色调我是受Gmail的影响，只是字体可能太灰，影响阅读

    @AnyOfYou
    @4pple
    希望有人能实现吧，我技术不行
    chisj
        34
    chisj  
       2012-10-22 18:39:14 +08:00
    iOS的在哪里？ 我要看呀 ^-^
    GreatHan
        35
    GreatHan  
       2012-10-22 18:43:38 +08:00
    Pure Android
    cysnap
        36
    cysnap  
       2012-10-22 20:23:22 +08:00
    这个色调真不错，让我有购买一台android手机的欲望，希望赶快实现！
    xlaok
        37
    xlaok  
       2012-10-22 20:34:03 +08:00
    @cysnap 同样欲望~哈哈
    kavana
        38
    kavana  
       2012-10-23 13:49:14 +08:00
    真心好看
    freefcw
        39
    freefcw  
       2012-10-23 14:36:55 +08:00
    设计不错~~喜欢的
    raecoo
        40
    raecoo  
       2012-10-23 16:39:34 +08:00
    啥时候发布出来，真心喜欢，想用
    Pandroid
        41
    Pandroid  
    OP
       2012-10-23 17:07:37 +08:00
    @chisj ios很早有童鞋实现过了吧
    Pandroid
        42
    Pandroid  
    OP
       2012-10-23 17:09:33 +08:00
    @cysnap
    @xlaok
    @raecoo
    自己技术还不行，暂时也没办法去实现，只会设计而已T T。当然有人愿意做的话愿意出力！
    GreatHan
        43
    GreatHan  
       2012-10-23 18:10:50 +08:00
    @Pandroid 可以建个开源项目
    Pandroid
        44
    Pandroid  
    OP
       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
        45
    qhm123  
       2012-10-23 20:55:26 +08:00
    赞
    lingo
        46
    lingo  
       2012-10-23 21:20:24 +08:00
    这个设计的确实不错。。期待成品。
    jimbray
        47
    jimbray  
       2012-10-23 21:52:08 +08:00
    哇！很漂亮
    shawn_gong
        48
    shawn_gong  
       2012-12-13 15:12:32 +08:00
    哇，这设计真是舒服～
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3258 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 12:40 · PVG 20:40 · LAX 05:40 · JFK 08:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.