LinkedIn新版:简洁的通用导航栏设计

2016-02-17 04:33 9 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的LinkedIn新版:简洁的通用导航栏设计,希望大家看完后能赶快学习起来。

【 tulaoshi.com - 平面设计 】

导读:社交网站LinkedIn的最新版本中,将导航栏做了最大程度的简化,不仅加强了广告效果同时更好体现了网站本身的功能。

商业社交网站LinkedIn最近对网站的导航栏和用户界面进行了改版,旨在简化网站浏览,提供更加简洁紧凑的页面。但效果如何呢?

更新:导航改进,空白更多

新版LinkedIn的最大特色就是页面顶部的通用导航栏,其中包括了档案、联系人、群组、工作、收件箱、更多等链接。点击任何一个项目都会出现一个下拉式菜单,并可以提供更多选项,浏览体验更加现代化。

LinkedIn新版:简洁的通用导航栏设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

公司还称新界面和体验减少了页面滚动的次数。但是,在联系人和群组有更新时,页面滚动的次数和联系人数量及其活跃程度有关。还好LinkedIn不是那种需要天天登陆的网站。

此外新主页还包括可移动、可收起的侧边栏模块,可以显示谁看过你的档案,事件、工作列表等内容。

简洁的界面凸显广告

新版简洁网站的一个缺点就是广告更加明显,当然这对LinkedIn来说是一个优点。尽管广告位没有什么变化,但是新版界面让广告显得更加突出。现在所有内容都以黑色或蓝色文本显示在白色背景上,因而用户登录时首先映入眼帘的就是页面顶部的全彩广告。此外,导航栏下还有一个引人注目的文本广告链接,并且字体为更深的加粗字体。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

LinkedIn新版:简洁的通用导航栏设计,PS教程,图老师教程网

LinkedIn称新版网站是在经过几年的可用性研究之后的成果,但还不是最终产品。

有待改进: LinkedIn收件箱

不幸的是收件箱还没有明显改进。虽然你可以通过现在的收件箱方便地接受、拒绝、或存档邀请,但收件箱还不支持批量操作。更糟糕的事情是,在接受或拒绝完邀请之后,消息仍然会留在你的收件箱里,你需要手动存档。

来源:http://www.tulaoshi.com/n/20160217/1578532.html

延伸阅读
很简单很实用的导航制作方法:Photoshop设计导航:圆角矩形导航 形状工具画一个圆角矩形: 添加一个锚点并删除这个新添加的锚点: 选择左下角的2个锚点: CTRL+T并将中心点定位到左边线: 右键,水平翻转: 同理翻转右边: 适用: 图老师
腾讯看比赛如何关闭导航栏   腾讯看比赛怎么关闭导航栏?腾讯看比赛上方总是有很多导航栏,不管是喜欢看的还是不喜欢看的都有,该怎么去掉烦人的导航栏呢?下面小编教大家如何关闭导航栏! 1)首先在手机桌面打开,然后点击屏幕右上方! 2)上面所示:进去以后把自己不喜欢的节目前面的勾点击去掉,最后点击右上方即可完成,...
标签: Web开发
代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleJQuery 浮动...
 1.打开百度首页。点击下箭头所示的编辑   2.点击上图红色箭头所示的位置。这是重命导航网页的名称。点击右边的 箭头是删除导航的网页。然后点击边的返回。    3.点击添加。就是在首页添加导航。    4.输入要添加的网址名称。在后...
标签: PS PS基础 PS效果
本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。 最终效果 1、打开下图所示的背景素材。 2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。 ...

经验教程

340

收藏

6
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部