Home Sign Up Sign In
Pandroid
V2EX  ›  V2EX

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

  •   
  •   Pandroid · Oct 21, 2012 · 8524 views
    This topic created in 5133 days ago, the information mentioned may be changed or developed.
    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 replies  •  1970-01-01 08:00:00 +08:00
    cabinw
    cabinw
    Oct 21, 2012
    1
    Good！
    yetone
    yetone
    Oct 21, 2012
    2
    perfect
    thcode
    thcode
    Oct 21, 2012
    3
    设计的非常好！
    “显示全部节点”这里可以模仿通讯录，在右侧加上首字母快速导航
    zjyyjqf
    zjyyjqf
    Oct 21, 2012
    4
    泪奔，跪求这么好用又好看的IOS客户端，5555555
    LazarusX
    LazarusX
    Oct 21, 2012
    5
    设计很赞！
    预览设计可以用这个工具： http://code.google.com/p/android-ui-utils/
    介绍和演示视频： https://plus.google.com/113735310430199015092/posts/ZQ5wmtQPWkY
    carlhan
    carlhan
    Oct 21, 2012
    6
    很好看。只是V2EX的icon真的不好看 >.<|
    toctan
    toctan
    Oct 21, 2012
    7
    赞！
    zjyyjqf
    zjyyjqf
    Oct 21, 2012
    8
    @carlhan 那个icon我觉得很不错，好像是有点跟EVA有点关联
    Felix2Yu
    Felix2Yu
    Oct 21, 2012
    9
    好棒，期待能早日做出来。
    carlhan
    carlhan
    Oct 21, 2012
    10
    @zjyyjqf 嗯。没看过EVA，所以不知道。如果这个icon是有另外一层意思的话，请忽略我的观点。
    xlaok
    xlaok
    Oct 21, 2012
    11
    整个真的不错
    gonbo
    gonbo
    Oct 21, 2012
    12
    不错呢，就是有点灰？
    zythum
    zythum
    Oct 21, 2012
    13
    恩。 挺不错了。
    Numbcoder
    Numbcoder
    Oct 21, 2012
    14
    有细节！就是色调有点灰。。
    52think
    52think
    Oct 21, 2012
    15
    赞！期待实现！
    ichigo
    ichigo
    Oct 21, 2012
    16
    nice！
    qq286735628
    qq286735628
    Oct 21, 2012
    17
    cool!
    loading
    loading
    Oct 21, 2012
    18
    字体颜色可再黑一点点
    Pandroid
    Pandroid
    OP
    Oct 21, 2012
    19
    @thcode 原生的android只会在滚动时候显示。故意没加iOS那种首字母导航，不过确实还是iOS的方便
    Pandroid
    Pandroid
    OP
    Oct 21, 2012
    20
    @carlhan
    @zjyyjqf
    我发现做图标有点儿难，在电脑上P好的放在设备上预览就是陀shit，所以我还是简洁为主了。
    icon底纹的蜂窝图案确实受到EVA的影响 : ) 包括登录页的蜂窝底纹
    Pandroid
    Pandroid
    OP
    Oct 21, 2012
    21
    @gonbo
    @Numbcoder
    @loading
    主要我预览设备是GN，跟着设备上的调整的，SA屏看上去没有太灰。当然，色彩和视觉上的知识我是非常缺乏的，慢慢调整。
    Pandroid
    Pandroid
    OP
    Oct 21, 2012
    22
    @LazarusX 多谢提醒，尝试中
    Pandroid
    Pandroid
    OP
    Oct 21, 2012
    23
    @Felix2Yu
    @52think
    自己不会，我也等待实现— —||
    cnbuff410
    cnbuff410
    Oct 21, 2012
    24
    非常棒的设计！
    AnyOfYou
    AnyOfYou
    Oct 22, 2012
    25
    很棒,希望能出一份力
    tox
    tox
    Oct 22, 2012
    26
    不错，支持下。
    dingstyle
    dingstyle
    Oct 22, 2012
    27
    挺不错的，就是色调有点太单一了
    cutehalo
    cutehalo
    Oct 22, 2012
    28
    nice！
    ccming
    ccming
    Oct 22, 2012
    29
    yes
    zxsky1
    zxsky1
    Oct 22, 2012
    30
    非常不错 :)
    4pple
    4pple
    Oct 22, 2012
    31
    期待啊，要是出的话，很有参考价值
    MASAILA
    MASAILA
    Oct 22, 2012
    32
    很漂亮！！
    Pandroid
    Pandroid
    OP
    Oct 22, 2012
    33
    @dingstyle
    其实灰色调我是受Gmail的影响，只是字体可能太灰，影响阅读

    @AnyOfYou
    @4pple
    希望有人能实现吧，我技术不行
    chisj
    chisj
    Oct 22, 2012
    34
    iOS的在哪里？ 我要看呀 ^-^
    GreatHan
    GreatHan
    Oct 22, 2012
    35
    Pure Android
    cysnap
    cysnap
    Oct 22, 2012
    36
    这个色调真不错，让我有购买一台android手机的欲望，希望赶快实现！
    xlaok
    xlaok
    Oct 22, 2012
    37
    @cysnap 同样欲望~哈哈
    kavana
    kavana
    Oct 23, 2012
    38
    真心好看
    freefcw
    freefcw
    Oct 23, 2012
    39
    设计不错~~喜欢的
    raecoo
    raecoo
    Oct 23, 2012
    40
    啥时候发布出来，真心喜欢，想用
    Pandroid
    Pandroid
    OP
    Oct 23, 2012
    41
    @chisj ios很早有童鞋实现过了吧
    Pandroid
    Pandroid
    OP
    Oct 23, 2012
    42
    @cysnap
    @xlaok
    @raecoo
    自己技术还不行，暂时也没办法去实现，只会设计而已T T。当然有人愿意做的话愿意出力！
    GreatHan
    GreatHan
    Oct 23, 2012
    43
    @Pandroid 可以建个开源项目
    Pandroid
    Pandroid
    OP
    Oct 23, 2012
    44
    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
    qhm123
    Oct 23, 2012
    45
    赞
    lingo
    lingo
    Oct 23, 2012
    46
    这个设计的确实不错。。期待成品。
    jimbray
    jimbray
    Oct 23, 2012
    47
    哇！很漂亮
    shawn_gong
    shawn_gong
    Dec 13, 2012
    48
    哇，这设计真是舒服～
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   936 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 151ms · UTC 20:55 · PVG 04:55 · LAX 12:55 · JFK 15:55
    ♥ Do have faith in what you're doing.