【抛砖引官方】微信UWP(手机端)UI设计——对!手机端!
本帖最后由 et2240478 于 2016-1-13 12:11 编辑
万万没想到上周发了PC端的设计图大家的反响那么的大!(pc端ui设计原帖地址: ***链接停止解析***)所以大家的热情直接的鼓舞了我,经过一周多的忙里偷闲,这次我把微信UWP手机端的UI页面设计出来了!{:6_230:}
担心机油以为我要开发微信的客户端而对我报以太多不会得到回报的期待,这里再次说明一下,我只是设计师,只是一个会画图的美工{:6_228:}
废话不多说,下面看图:
***附件停止解析***
(这是很早就画好的UE草图,大概的交互逻辑都已经成型了)
***附件停止解析***
(最近联系列表到聊天页面的一个大致展示,交互逻辑主要参考wm10的短信应用)
***附件停止解析***
(从通讯录到单个联系人详情页的展示)
***附件停止解析***
(从发现页面进入朋友圈的展示)
***附件停止解析***
(最后是进去设置一系列的展示,把“mine”功能页放进menu菜单我觉得是一个很好的解决方案,不知道大家觉得怎样?)
ok,就是这样子。
这次手机端设计的尺寸比例是以lumia525尺寸([font=arial]800x480像素[/font])为基础用iphone6尺寸比例(0.56:1)改出来的大小
所以这个尺寸(480×853像素)会有点非主流哈哈,没办法,我也只有525而已
然后这次设计规范主要参考的有:
微软官方应用的交互设计(主要是短信应用),微信手机端(三个平台)的交互设计。
大部分的icon重新绘制了,小部分icon采用了安卓的源文件。
这次的设计也算是匆匆忙忙,如果有什么不对的地方也请大家指出了,评论我都会看的~{:6_225:}
最后特别声明,可以转载,但转载须注明出处。(因为上次看到有人转图顺便造谣了)
为防止不可控的内容风险,本站已关闭新用户注册,新贴的发表及评论;
你现在看到的内容只是互联网用户曾经发表的言论快照,仅用于老用户留存纪念,且仅与科技行业相关,全部内容不代表本站观点及立场;
本站重新开放前已针对包括用户隐私、版权保护、信息安全、国家政策在内的各种互联网法律法规要求,执行了隐患内容的自查、屏蔽和删除;
本站目前所属个人主体,未有任何盈利安排与计划,且与原WFUN.COM所属公司不存在任何关联关系;
如果本帖内容或者相关资源侵犯到您的合法权益,或者您认为存在问题,那么请您务必点此举报或投诉!
左上角的返回键根本就没有必要,手机上有返回按键多次一举,电脑端的返回键最好设置SystemNavigationManager里面的AppViewBackButtonVisibility并定义好事件就行,这样的UI界面才比较人性化
设计很棒 支持,但是不思进取的公司看到无路可图,不会有什么动作。不是泼冷水,国内app应用质量还有很大空间要提升,不止wm平台一个而已。
Quote***链接停止解析***
既有枢轴的同时又有汉堡,不太科学。
其实我觉得,在微软没有给出一份详尽的系统交互规范说明来之前,这样子的存在并不矛盾的。
╮(╯-╰)╭而且我也没想到更好的解决方案了
Quote***链接停止解析***
聊天界面下面的 搜索按钮和那三点 应该全部去掉会更好看些,把搜索加入到汉堡式按钮里面或放在其他地方。 ...
对于你说到的这个,其实我一开始的方案也是把搜索放进汉堡菜单里面的,确实是美观了。
不过在参考了安卓和苹果系统上微信的设计后,结合之前PC端的设计,我还是决定放出来。
放在右下角也是为了配合三个平台在交互上有相似的地方。
毕竟是全局搜索,所以也是可以的嘛~哈哈
Quote***链接停止解析***
提个小意见啊,如果全部用方角元素,去掉圆形头像就更协调了
使用圆形头像也只是为了配合win10以及wm10的一个设计规范而已。
用方形的话,单纯看应用是蛮好的,但是配合平台的话还是稍显突兀
Quote***链接停止解析***
左上角的返回键根本就没有必要,手机上有返回按键多次一举,电脑端的返回键最好设置SystemNavigationManage ...
{:5_190:} 虽然大概能懂你的意思不过这已经是开发者要考虑的事情了……
现在wp的设计语言已经被ios和安卓同化了,现在再去看看wp7wp8.0那时候的系统界面和app界面,满满的都是wp风格。