为设计师而生——导航设计总结

一、写在前面

作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美。如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的。

“开阔眼界,提高审美”,无疑是设计师的一门必修课。你可以先从点开做起哟。

二、项目前期

不管你是刚入门的初级设计师,还是有的高级设计师,都需要通过“看”,也就是阅读和整理各种资讯和信息并去芜存菁,来提高审美,拓展思路。

设计师在工作中需要各种信息各种知识储备,如何“看”,是我们要解决的首要问题。

三、探索需求

围绕如何看这个关键点,我们开始了更进一步的分析。我们采样了一些设计师,观察他们每天浏览的习惯,浏览的内容以及目的。发现他们的活动可以归纳成以下两种情况:

看—有效率的看(发现,吸收美好的东西)这不仅仅要大量的看,更是要看更多优秀的内容,并且这些内容不仅仅只是局限于界面设计,需要从更多其他的学科,比如音乐,文学,摄影等等方面去从中学到知识,找到灵感,找到前进的动力。

看—有质量的看(借鉴,创作出美好的东西)能辨别什么是好的设计,哪些内容能够为我所用,能激发创作的灵感,去组合借鉴以及创作出更美好的作品。

基于这样的需求,设计导航的设计关键词渐渐清晰:

四、设计方案

一个为设计师服务的“设计导航”由此诞生。我们的宗旨是“聚合优质站点,筛选优质内容”。让设计师在设计导航可以享受一站式的阅读体验,更方便的浏览和收集信息,作为自己的灵感之源。

五、框架结构

为了最大化的展示内容资源,我们的界面采用了扁平的两栏结构作为基础框架。

左侧用来罗列订阅源,右侧用来展示内容列表。我们在首页做到简洁,砍掉多余的分类和隐藏多余的操作,希望用户在使用设计导航时,能聚焦于内容,获得舒适的阅读体验。

六、内容为王

1.让内容更丰富

内容是我们设计导航的核心重点。我们发现设计师对内容的需求主要覆盖在创意需求执行需求两个方面。

创意需求是开展设计,打开思路需要的资源,比如一些设计的专业理论和方法,设计需要的高质量素材等。而执行需求则是做事的方法和流程管理,团队合作的节奏和行业知识等。

据此,我们收集整理了业内最热门的资源站点,还有来自资深设计师们的压箱推荐,以及各种高的的内容。可以把设计导航看做一个设计师的灵感库,不管是设计之内还是设计之外,都能找到最全面,最资深,最新鲜的资源。【优质的一站式阅读】是我们的核心。

我们参考了RSS阅读器的模式,将设计师经常浏览的各种网站的内容聚合起来,只需要对你感兴趣的站点进行订阅,就能轻松的在设计导航享受一站式的阅读体验了。

从此以后再也不用在各大站点之前来回奔波切换,的站点有更新也会第一时间查看到。

2.让内容更优质:

用QQ账户登录以后,除了能看到设计导航本身的推荐内容,你还可以看到其他用户都在什么,都推荐了哪些站点,让你发现更多的优质内容。形成良好的分享与学习,不断吸收进步的阅读生态。

你还可以给你喜欢的内容点赞,轻松创建自己的资源库。持续和更新自己的内容。

3.让阅读更便捷:

有了优质丰富的内容库,优化用户浏览的体验是我们的下一个课题。在设计上我们希望给用户一种无负担简洁清爽的体验,又能聚焦于内容。

在设计导航首页的设计上,我们将点赞和分享以及多余的信息降低了一个层级,用户hover到缩略图上才可以查看,这样不影响内容呈现的同时如果希望通过和浏览数量来分辨内容的质量,也能很方便的找到。

我们将内容的分类藏在了编辑内容里面,你可以简单的筛选想看的内容,同时不会在首页有阅读的负担。

为了更方便的浏览,我们增加了一键将设计导航设为主页的功能,也设计了更为轻便的浏览器插件,不仅可以随时浏览各种设计资讯,还可以把你发现的当前优质站点一键推荐给我们,同时也是对设计导航内容的丰富和沉淀。

八、小结

为了让设计师每天都要“看”的这件事情变得简单高效有质量,设计导航的第一版就在这样的情况下诞生了。但愿大家能在设计导航能发现更多喜欢的内容,激发出更多更好的创意,做出优秀的设计作品。

设计导航,为设计师而生~

九、项目成果与后续

后续我们会将“设计导航”逐步完善,并不断优化网站的用户体验和流畅度,秉承我们“为设计服务”的初心,继续提升用户体验,请大家持续,有任何问题都可以及时反馈给我们。感谢大家对设计导航的支持:)

最后大家可以登录体验最新的设计导航。

文章来源:Tencent CDC Blog

(0)

相关推荐

  • 20个炫酷好玩儿的网页导航设计

    小编:简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力.今天为大家分享20个炫酷好玩儿的网页导航设计,比起传统的导航会相对更复杂一些,但是绝对 ...

  • 手把手教你做电商网站导航设计

    双十一马上就要到了,大家憋了一年终于又可以买买买了,可是广大辛勤的设计师却还在为了网站的优化而默默的奋斗中,特别是刚入门的设计师,也许电商的一个网站导航也要纠结半天,别担心,这都不是事儿,今天带来的文 ...

  • 建站导航设计

    操作方法 01 设计一款良好的.用户友好的网站并没有什么科学之举,除非你懂得利用技巧和策略,方能让用户流连忘返的访问你的网站.这就要求设计师在网站设计上保持洁净.简单,使用正确的色调.清晰度.响应速度 ...

  • 网站导航设计的3个基本原则!

    为网站设计导航就如同为房子打基础.如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的 ...

  • 设计师该如何提高设计创新能力?

    设计师在工作中除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值.但是我们有时冥思苦想也无法有所创新,我在这里整理了一些方法,希望可以对大家有一点点启发. 我将设 ...

  • 新手靠灵感,阿里设计师靠它们提升设计创新力

    @Xiachenxi:设计师在工作中除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值.但是我们有时冥思苦想也无法有所创新,我在这里整理了一些方法,希望可以对大家 ...

  • 网页导航设计最佳实践

    优质的网页设计通常都有着相当不错的导航设计来支撑.如果你的网站有着有趣的内容和受欢迎的视觉设计,那么一个体验良好,可用性优异的导航栏无疑是必须的.可用和易用一直是高效交互的核心,也是激发创意.创造高效 ...

  • App导航设计全面梳理——附免费原型模版!

    生活中大家或多或少都会有迷路的,但你是不是从来没思考过迷路的定义是什么? 迷路的定义其实有两个核心: 1.想要到达一个目的地. 2.不知道自己在哪里,应该往哪走. 和生活中的迷路一样,用户在使用APP ...

  • 为网页设计师而生的14个文本编辑器

    可视化的工具的易用性通常非常优异,因为它更符合人们交互和操作的自然逻辑。不过,要精准控制网页和程序,你总需要一款称心如意的文本编辑器来帮你搞定代码,哪怕是视觉至上的Adobe都会在Master套装里面 ...