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

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

  •  
  •   Pandroid · 2012-10-21 15:32:24 +08:00 · 7124 次点击
    这是一个创建于 4434 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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调试到设备。
    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
    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   ·   实用小工具   ·   2859 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:36 · PVG 20:36 · LAX 04:36 · JFK 07:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.