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

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

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

    @AnyOfYou
    @4pple
    希望有人能实现吧,我技术不行
    chisj
        34
    chisj  
       Oct 22, 2012
    iOS的在哪里? 我要看呀 ^-^
    GreatHan
        35
    GreatHan  
       Oct 22, 2012
    Pure Android
    cysnap
        36
    cysnap  
       Oct 22, 2012
    这个色调真不错,让我有购买一台android手机的欲望,希望赶快实现!
    xlaok
        37
    xlaok  
       Oct 22, 2012
    @cysnap 同样欲望~哈哈
    kavana
        38
    kavana  
       Oct 23, 2012
    真心好看
    freefcw
        39
    freefcw  
       Oct 23, 2012
    设计不错~~喜欢的
    raecoo
        40
    raecoo  
       Oct 23, 2012
    啥时候发布出来,真心喜欢,想用
    Pandroid
        41
    Pandroid  
    OP
       Oct 23, 2012
    @chisj ios很早有童鞋实现过了吧
    Pandroid
        42
    Pandroid  
    OP
       Oct 23, 2012
    @cysnap
    @xlaok
    @raecoo
    自己技术还不行,暂时也没办法去实现,只会设计而已T T。当然有人愿意做的话愿意出力!
    GreatHan
        43
    GreatHan  
       Oct 23, 2012
    @Pandroid 可以建个开源项目
    Pandroid
        44
    Pandroid  
    OP
       Oct 23, 2012
    qhm123
        45
    qhm123  
       Oct 23, 2012
    lingo
        46
    lingo  
       Oct 23, 2012
    这个设计的确实不错。。期待成品。
    jimbray
        47
    jimbray  
       Oct 23, 2012
    哇!很漂亮
    shawn_gong
        48
    shawn_gong  
       Dec 13, 2012
    哇,这设计真是舒服~
    About     Help     Advertise     Blog     API     FAQ     Solana     5555 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 131ms UTC 07:42 PVG 15:42 LAX 00:42 JFK 03:42
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86