网易新闻客户端头像如何设置

年瑞绿松石珠宝

年瑞绿松石珠宝

2016-04-01 04:47

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享网易新闻客户端头像如何设置吧。

网易新闻客户端头像如何设置

   1.首先打开网易新闻客户端,可点击上方设置头像或者点击手机菜单键,在我的帐号那里点击头像;

网易新闻客户端头像如何设置 图老师

  2.设置你的靓照,可以选择拍照或者选择你的图片库,像图老师小编选择的是图片库,然后选择手机图片;

网易新闻客户端头像设置教程截图2

  3.选中一张图后可以进行适当的调整,确定好后点击保存

网易新闻客户端头像设置教程截图3

怎么登陆网易新闻手机客户端

   1.打开下载好的网易新闻手机客户端。点击右下方我

怎么登陆网易新闻手机客户端 图老师

  2.点击空白头像,立即登录!

2.点击空白头像,立即登录!

  3.多种登陆方式,图老师小编在这里采取人人都可以的qq登陆哦~

3.多种登陆方式

  4.成功登陆了以后,就可以愉快的享受这款app啦!

  在你头像的下方还会贴心的提示你今天还没有阅读新闻哦!并且会根据你跟帖的活跃度给予相应的头衔。

 4.成功登陆了以后,就可以愉快的享受这款app啦!

网易新闻客户端怎么订阅自己感兴趣的内容?

   1.打开下载好的手机客户端。点击最下方Tulaoshi.com的第二项阅读。

  2.这时上方出现推荐阅读和我的订阅,点击推荐阅读可以帮你测试看看你的口味哦~

  3.测试完成后,勾选合你口味的类别,进入阅读吧!

  4.同样,点击我的订阅,在点击我的(图老师整理)订阅右边的这个键,看到自己喜欢的,点击+关注

网易新闻客户端怎么订阅自己感兴趣的内容? 图老师

  5.回到我的订阅刷新一记!是不是就是看到的都是自己订阅的感兴趣的内容了呢?

网易新闻安卓客户端MATERIAL DESIGN实战

   项目背景

  网易新闻安卓版一直以来照搬IOS版的交互和视觉,这在一定程度上保持了不同平台上应用风格和用户体验的一致性,也相应的减少了设计和开发的人力成本。市面上的大部分移动应用也是如此。所以,一直以来给用户的感觉是Android没有独立鲜明的视觉风格,但是事实并非如此。不久前Google推出AndroidL系统,视觉语言Material design也相应诞生。Google为设计师提供了一套完整的官方交互视觉设计指引,扁平化、华丽又稳重的色彩,将卡片的功能发挥到极致。

  以此为契机,网易新闻也尝试将安卓平台的视觉进行优化改版。在原有架构不变的基础上,对现有的视觉进行优化,使其更加符合安卓平台的气质。

  主要优化内容:

  1、新闻列表

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shoujiruanjian/)

  Material design较多的运用了大面积的色块,其提供的导航样式如下图:

网易新闻安卓客户端MATERIAL DESIGN实战 图老师

  左图:默认的 app bar + tab bar

  右图:默认的 app bar + 可滚动的 tab bar

  网易新闻的二级导航栏目很多,必须可以左右滚动切换,上述的两种方式显然是右图更适合。于是依据上图的视觉样式并配合网易新闻的特性,对头条列表的导航尝试了以下几种改良方案:

  方案一:

  照搬Goolge导航视觉样式,配网易新闻原有的主色红色,设计出下图。

  因红色导航条高度过高,显得压抑,并影响用户的阅读体验,最终没有采用此方案。

wy20150419 (3)

  方案二:

  去掉红色导航条,加大了头图的高度,以图片为主体,视觉集中点更为突出;首屏图片和文字比例1.6:1。但因改动较大,最终也未采用此方案。

wy20150419 (4)

  头条列表向上推动出现红色二级导航,如下:

  方案三:

  最终线上版本,与原有版本相比改动较小,风格保守。

wyhb201504192

  2、左右侧抽屉

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shoujiruanjian/)

  左侧抽屉,将原有的黑色背景替换成了白色,并将icon风格扁平化,简洁多彩。

wy20150419 (7)

  右侧抽屉,在交互同学的配合下进行信息分类,分为上中下三部分,上部:用户相关信息,中部:活动类信息,底部:功能类操作入口;并加入菜单项。

wy20150419 (8)

  3、文章页细节调整

  Material design很具体的规范了字号大小与相应行高之间的数值,如图:

wy20150419 (9)

  以1080*1920px的安卓手机尺寸为例,易于阅读的正文字号大小规定为54px,即18sp。在此基础上根据正文字号大小来调节平衡,决定大标题、时间、来源、导语等文字大小。

  图片在文章页内部的位置关系demo,如下:

wy20150419 (10)

  对于文章页底部的栏目,如:相关新闻、热门跟贴等,进行卡片化设计,对各个栏目进行视觉规范统一,并突出各个栏目的主题,与左侧抽屉的icon颜色保持统一,如相关新闻与新闻icon的颜色值相同;热门跟贴与跟贴icon的颜色值相同。

wy20150419 (11)

  4、跟贴页

  Material design对带有图标或者头像的内容做了具体规范,左右各有16dp的垂直边距。带有图标或者头像的内容有72dp的左边距。如下图:

wyhb2015041923

  Inbox案例:

wy20150419 (12)

  依据以上规范,试着对新闻跟贴页做出如下demo设计:

wy20150419 (13)

  可以看出,Google规范下的各种间距在实际应用时都显得比较大,也可能是中文排版的原因。于是,在此基础上进行修改,设计出如下最终版本:

  除了缩小头像大小之外,还缩小了页面左右间距,最终的视觉效果文字显得比较紧凑。

wy20150419 (15)

  5、写跟贴页面

wy20150419 (14)

  Floating action button(FAB)是Meaterial design的一个视觉亮点。所以,我也想尽可能的把这一亮点运用到网易新闻中,于是试着做了以下方案。

  方案一:

  此方案最终未能通过。原因是交互同学觉得FAB不适合运用在写跟贴这样与文章内容有一定依托关系的页面中。它比较适合发表一个新的想法,如Google+之类的。

wy20150419 (16)

  方案二:

  写跟贴弹窗全屏页面显示,此方案最终也因上述原因未能通过。

wy20150419 (17)

  方案三:

  最终线上版本。与原先版本相比无太大改动。

wy20150419 (18)

  方案四:

  基于大屏手机的设计,将写跟贴的按钮从右上角挪到左下角,便于用户单手操作。此方案正在进行小范围用户测试。

wy20150419 (19)

  6、其他页面

  订阅、视频、图片等栏目都相应做了卡片设计优化。

  写在最后

  在只有视觉优化的网易新闻安卓改版中,相对的限制太多,视觉设计起来蹑手蹑脚,上述一些方案得不到肯定,线上的设计又相对保守,对于安卓的改版也不够彻底。在一直提倡创新设计的今天,作为设计者而言,此次的安卓视觉改版并没有达到预期效果。希望能在以后的工作中得到产品和交互的支持,能在视觉上做出创新,加入适合的动画,及交互形式等。产品总是在不断摸索创新中进步,大家共同努力做一件事情,结局总是会向好的方向发展。

展开更多 50%)
分享

猜你喜欢

网易新闻客户端头像如何设置

手机软件 应用软件
网易新闻客户端头像如何设置

网易新闻客户端头像设置方法

手机软件 应用软件
网易新闻客户端头像设置方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

腾讯、网易、新浪手机新闻客户端横向对比评测

手机软件 应用软件
腾讯、网易、新浪手机新闻客户端横向对比评测

怎么登陆网易新闻手机客户端

手机软件 应用软件
怎么登陆网易新闻手机客户端

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网易云阅读客户端上如何购买

电脑网络
网易云阅读客户端上如何购买

网易新闻客户端2.0版本发布 新增深度内容

手机软件 应用软件
网易新闻客户端2.0版本发布 新增深度内容

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

excel怎么给单元格定义名称?

excel怎么给单元格定义名称?

X秀怎么保存好友作品

X秀怎么保存好友作品
下拉加载更多内容 ↓