Windows Phone 7应用之新浪微博——UI设计

  Windows phone 7应用一直没有时间去做,上周在APP Store的论坛上看到一个国外DVP写了一篇Twitter在Wp7上客户端,仔细看了一下觉得很简单,只是单一利用WP7获取Twitter上信息列表. 国内的微博我只玩过163网易的,但是可惜的是并没对开发人员开放API. 反而Sina推出了自己微博的API访问接口. 而且还出了相关SDK.

  仔细看了API文档很详细, 尝试把Sina的微博移植WP7客户端上,注册了一个新浪账号觉得Sina的微博界面有些过于简陋了.而且给我的第一感觉对页面色调的搭配上有些不舒服.总体布局是4:1左右比例, 图片的边框有些太过明显,sina微博虽然给我第一感觉并不太好,但功能确实比网易的要丰富. 决定逐步的把Sina MiniBlog[微博]移植到WP7客户端上.本篇关于客户端UI设计 展示只做了两个界面.

  Wp7在安装附带有一个Express Bland 4设计器, Vs2010中关于如果做UI设计 总觉得界面太小 想对属性都是通过编码方式确定 尝试一番很耗费时间久放弃了,对于开发人员来说Express Bland设计器很多人第一直觉是抗拒的. 但是我使用完之后才知道设计器所带方便.

  关于WP7上Sina客户端 我打算逐步迭代方式把功能完善上来.对于WP7 的UI设计第一次做,色调搭配以及模板设计完全是按照自己设想去做. 有可能不太合适,也希望有人提出更好建议.打开Express Bland 4工具 新建一个Project.:命名SinaMiniBlogWP7Demo

  创建解决方案结构:

  创建WP7上Sina客户端登陆页面:LoginFrom.xaml先看看UI效果:

  Sina链接API需要提供一个指定登陆账户.登陆微博WP7上客户端.登陆之后显示主页面设计UI如下:

  如上展示模板.静态数据.初步设想是登陆WP7上Sina客户端后用户能够同Web页面一样操作自己的微博.而不是单一预览自己微博信息.发布自己微薄信息模板[功能上加上图片 超级链接等]:

  微博信息及时浏览列表静态单一模板:

  经常用微博的用户应该都知道,微博列表不仅可以发表单一信息 同时还可以发表丰富图片文字信息, 并且支持他人回复评论,收藏和转发等基本功能,鉴于此我特别比对自己比较熟悉的网易,初步分析三个微博预览模板,如上只是单一文字信息模板,:

  模板A:包含图片 文字 超链接富文本显示模板 设计效果如下:

  模板B:针对某条微博信息附带有文字或图片评论模板 设计效果如下:

  如上市附带评论文字信息模板,.对于附加图片的模板正在制作,另外对于有人也提出是否在回复人前面加上相关的个人图像类似QQ,但我觉得这样一来就反而使页面更加混乱 信息失去重点,另外一个很实际问题 会给更多的人产生必要信息流量, 类似出现多条评论时 加以隐藏是一个触控按钮,对于单一列表 如果用户采用触屏方式当已到达 列表地步就会自动浏览加载更多信息和列表.

  在发布微博信息那个页面也有人提出是否单独建立一个页面,附加更多表情和图片 在目前操作不便, 毕竟屏幕宽度有限,.这个问题正在考虑。如上市关于Sina微博在WP7上UI设计初步设想,欢迎各位在留言中提出相关建议.

时间: 2024-09-24 00:51:40

Windows Phone 7应用之新浪微博——UI设计的相关文章

Windows “.NET研究”Phone 7应用之新浪微博——UI设计

Windows phone 7应用一直没有时间去做,上周在APP Store的论坛上看到一个国外DVP写了一篇Twitter在Wp7上客户端,仔细看了一下觉得很简单,只是单一利用WP7获取Twitter上信息列表. 国内的微博我只玩过163网易的,但是可惜的是并没对开发人员开放API. 反而Sina推出了自己微博的API访问接口. 而且还出了相关SDK. 仔细看了API文档很详细, 尝试把Sina的微博移植WP7客户端上,注册了一个新浪账号觉得Sina的微博界面有些过于简陋了.而且给我的第一感觉

Windows Phone7的UI设计:信息整合和信息展示

文章描述:Windows Phone UI前瞻:期望越大失望也越大. Windows Phone 7刚刚宣布了推迟在华上线的消息,跳票往往是用户最为反感的事.在正式上线之前,HT实验室带你预览一下Windows Phone 7的UI设计,看看是否与您期望的相同,先睹为快! "内容即界面"是Metro的设计原则之一,WP认为,直接.明了的信息才是好的用户体验,因此特意在页面弱化操作,突显信息展示.另外,WP7还深度涉入Facebook.twitter等平台,加强了信息整合.信息整合和信息

【Android UI设计与开发】第08期:底部菜单栏(三)Fragment+FragmentTabHost实现仿新浪微博底部菜单栏

    PS:这是转载CSDN作者yangyu20121224的文章,真的非常不错.它主要讲述如何通过Fragment碎片实现点击TabHost切换页面.可惜作者很长时间没有更新了,他写的那系列文章都很实用.以后在做Android布局时会用到该篇文章内容,所以转载作为在线笔记.希望对大家也有所帮助吧!    转载源地址:http://blog.csdn.net/yangyu20121224/article/details/9016223     在上一篇文章中,我们花了大量的篇幅来讲解Fragm

UI设计里让界面扁平不如让信息层级扁平

  当下 UI 设计的扁平化浪潮可谓如日中天,从微软的 Windows 8 开始,还有后来 Google 的 Android,到现在的苹果 iPhone 的 iOS,都采用了扁平化的设计理念.可是,你真的理解什么是扁平化吗?这不禁要画上一个大大的问号. 列表层级 ui设计"> 在开篇之前,我先来卖个关子:我更喜欢拟物化的界面风格,和扁平化的设计思想. 很多人眼中的扁平化 UI 设计就是:界面被设计成扁的平的,并且无立体感的.仅仅是这些吗?有这些就够了吗? 如果 UI 界面使用了拟物化的风格

酷炫的汽车仪表盘UI设计合集

  随着智能汽车的崛起,车载智能系统的设计也成了各大厂商越来越关心的事情了.相比于手机和平板的UI设计的日新月异,目前市场上的车载仪表盘简直是上个时代的遗老.好在车企有心图变,而科技企业也觊觎着这个新兴领域,看看今天文中的这些狂拽酷炫的仪表盘概念设计(部分高端车型已经用上),我想你应该感受到一个新时代来临之前的躁动. 来自移动端的UI设计的竞争依然如火如荼的继续着.Google 和苹果正按照每年一个新版本的速度推进着各自的移动端系统,来自微软的Windows Phone,蠢蠢欲动的三星Tizen

设计更好的用户体验:UI设计的黄金规则

文章描述:解析应用程序UI设计的15项黄金法则. 好友曾向我展示了最新的iPhone和iPad版<极品飞车>.游戏的渲染效果令人印象深刻,是款蓄势待发的优秀游戏.但是,游戏的前端是典型的UI设计偏差案例.但界面中有大量的属性数据等内容,它在玩家没有时间做决定时提供了过多的内容.这些内容能够显著改变他们的游戏体验,但却在玩家往往感受不到变化的时候呈现. 极品飞车(from itunes.apple.com) 这促使我开始思考UI设计的黄金法则.以下是我认为创造最佳体验应当使用的UI设计方法.坦诚

客户端交互设计:手机平台客户端UI设计

文章描述:客户端UI设计之手机平台之争. 1. 当前手机平台的争锋     为了占领移动互联网的制高点,当前的几大IT巨头都以手机平台为基础展开争夺.占领移动平台就是占领了用户的移动桌面,也就为自身的移动服务争取到了最佳位置.       微软公司推出windows phone 7, 曝光了windows 8:苹果公司也开了iOS 5的发布会:谷歌的Android 3.0的发布,Android 2.4 的若隐若现等等:大家都在努力提升平台体验.另外,惠普的Web OS.黑莓公司也都在研制和发布新

WP7应用开发中交互设计和UI设计的几点建议

文章描述:WP7交互特性浅析及APP设计探究. Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场.Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能.在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性. 本文索引: 涅磐重生的WP7(以及它的历史简介) WP7对比iOS和Android WP7设计风格 WP7内容和结构框架及特有名词解释 WP7交互特质分析 WP7

MIUI V5在UI设计上的七宗罪

经常有人问我, MIUI 到底怎么了, 为什么你这么埋汰他? 要解释这个问题之前, 我们先来看一幅世界名画. 初中时代的我曾经无比着迷于人类的视觉错觉(错视). 在我的印象中, 最早引发我对于错视的兴趣的东西, 就是上面那张著名的错觉画, M.C.Escher 大师的平面画<Ascending and Descending(上升与下降)>. 埃舍尔大师巧妙的利用错觉, 搭建了一段首尾相连的阶梯. 被困在阶梯中的人们无奈论怎么走, 最终都会回到出发点, 高度没有任何的改变. 至于这幅画有什么用,