A. 网站设计的趋势是什么,什么样的网站设计是过时的
直接说趋势吧,可以说趋势潮流之外的就是过时的网页设计。
1、多样化导航 ,自适应网页设计兴起之后,“汉堡包菜单”大行其道。
2、分裂 屏幕 ,垂直将屏幕界面分为左右相等的两块,用撞色等方式进行分割,营造清晰的视觉分离效果,这种直截了当的网站风格会成为一大趋势。
3、色彩复兴 ,过去两年中,灰色大规模劫持了我们的网站。从前的白色网页背景变成了淡灰色;黑色文本变成了暗灰色;在Material Design中,用浅灰表示纵深的阴影。可以预见的是,复古色调将受到追捧。无论你最终决定用蓝色还是橙色,可以再试着给它加上一个“滤镜”,为用户制造一种温暖、怀旧的感觉,提升网站的整体氛围与质感。
4、 自定义滚动,越来越多的网站舍弃了传统的滚动条,转而创造一种自定义的滚动体验。一些网站使用的是“虚拟滚动”,即在页面程序内让用户进行滚动操作,而不受浏览器控制。虚拟滚动使更多类型的滚动方式得以实现。比如设计为水平线上的左右滚动,但可以用正常的鼠标进行控制。
6、 影院级别的交互体验,大幅的视频录像背景在2015年就成为网页设计的趋势,并且越来越流行。如今,技术的进步使得视频加载时间大大缩短,同时,WebGL(一种3D绘图技术)让这种背景变得更具互动性。
7、让美术指导取代长宽比,在Retina屏上完美显示的图片场景,在手机上可能看起来完全不是那么回事。面对诸多的显示屏幕,以及各种各样的长宽比,设计师如何处理这个“自适应的宇宙”?大多数情况下,他们选择裁剪。怎样才能在裁剪中保留设计的本意,不过分丢失信息呢?你需要:数字美术指导。设计的本质是提供解决问题的方法,而美术指导关注引发对的情感,让用户能够与他们所看到、所经历的事物产生关联和共鸣。在网页设计的过程中引入美术指导的思想,就不会拘泥于将所要传达的内容看作一张静止的图片,而是将它作为一个能传达故事的主题。
8、微动效与微交互,运动能吸引注意,这是人类进化的结果。但突发性的大动作只会让带来惊吓和警惕。相反,轻微流畅的运动能给人生机勃勃之感。在为网页设计动效时,要记住这二者的差别。过去很长一段时间,网页中的动效往往是用来“奖励”用户的某种动作,比如点击。但最近,越来越多的网页开始将小动效作为一种设计元素,用来吸引用户的注意力。
B. 如何设计出色的网站后台原型
要制作一个优秀的后台原型,我认为主要就分为三个部分:
对于后台功能模块的结构和页面逻辑有清晰的认识
2.能够熟练的使用原型工具
3.优秀的设计风格和设计规范
1是基础,2是进阶,3则是让原型变得出色的点缀。
怎么样保证后台的功能结构和页面逻辑的清晰合理。
很多人画原型都有一个习惯,就是不管想没想好,直接就开始打开原型工具先拉几个框,或者就照一个自认为非常不错的网站后台开始照葫芦画瓢,这在我看来都是极其危险的。网页后台不同于一般的web界面,他对于功能模块的划分和页面的逻辑要求是非常高的。一方面网站后台的层次结构相比之下要复杂的多,另外一方面,网页后台的功能更偏向于对前端页面的管理,这就导致了功能之间的关联性和引导可能就要弱得多,这样的情况下,如果没有很好的理清后台的结构就开始画原型,那么最后做出来的后台管理系统很可能就是功能的堆积,功能易用性和操作的流程性都很难得到保障。
绘制后台原型时时刻谨记的:
画原型之前,先理清后台管理的功能模块,通过树状结构图来帮助自己划分页面和模块。
<img src="https://pic1.mg.com/50/_hd.jpg" data-rawwidth="1423" data-rawheight="676" class="origin_image zh-lightbox-thumb" width="1423" data-original="https://pic1.mg.com/_r.jpg">
理清模块之后,就可以着手设计后台管理系统的骨架,我个人分为三种:主模块(主要分为哪些独立的功能模块),次级分类(每个功能模块又有哪些次级的功能分类),功能事件(具体到每个功能页面内存在哪些主要的操作),大概的布局方式大概如下三种
1)顶部选项卡划分主模块,左侧边栏划分次级分类
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="1116" data-rawheight="468" class="origin_image zh-lightbox-thumb" width="1116" data-original="https://pic4.mg.com/_r.jpg">
2)左侧边栏汉堡包样式的层级分类(偷懒~大概就是worktile的侧边栏样式)
3)左侧边栏二级分类列表浮出
<img src="https://pic2.mg.com/50/_hd.jpg" data-rawwidth="249" data-rawheight="155" class="content_image" width="249">
思考的路线应该是自上而下,在进行模块划分时不要拘泥于具体的某个界面的展现形式。
结构和逻辑的清晰(骨架)>功能页面的设计(具体到某个页面怎么设计)>优化性质的功能设计(是否需要预览,实时存储等功能)>用户体验
必要时, 可以牺牲用户初次使用的学习成本,初次使用的学习成本是可以为用户熟练掌握后的使用效率让步的,尽量遵循亲密/对比/重复/对齐的四原则。
对于重要但是不知道如何放置的功能,可以考虑放在顶栏的右侧,而不是放在主模块上
频繁的弹窗并不是好的选择(必要时该弹还是要弹的),如果可以的话,展开和右侧浮出半页都是不错的解决方式。
C. 汉堡官网是什么
汉堡队一般指汉堡足球俱乐部
汉堡足球俱乐部,是一家位于德国汉堡市的足球俱乐部,是唯一一家参与过历季德国顶级足球联赛赛事的俱乐部,俱乐部历史上曾经夺得6次德国足球冠军及3次德国杯冠军。除此之外1977年在欧洲优胜者杯决赛击败比利时安德莱赫特赢得首次夺得欧洲赛事锦标,其后1983年登上俱乐部黄金时期,击败来自意大利尤文图斯夺得欧洲冠军杯冠军。
中文队名:汉堡足球俱乐部
外文队名:Hamburger Sport Verein (HSV)
运动项目:足球
角逐赛事:德国足球甲级联赛
所属地区:德国
成立时间:1887年9月29日
主场馆:英泰球场
容纳人数:57274
现任主教练:齐恩鲍尔
知名人物:范德法特、阿德勒、孙兴民
主要荣誉:7次德国顶级联赛冠军、1983年欧洲冠军联赛冠军
D. 今天在网上找项目,看到一个网站为贝克汉堡全拼的网站,可是内容一般,这个是项目官网吗
其实在网上找项目经常会出现这样的情况,除了项目本身的官网站之外,项目还会在一些平台做广告宣传,很多平台也会提供类似网站的页面来展示。
除此之外,为了更好的宣传项目,很多项目本身也会注册许多不同的域名来增加自己的项目在搜索引擎上面的曝光率,只不过与项目官网比较,内容更简洁明了一些。
此外,也会有一些竞争对手借助对方项目的高人气,创造一个伪站来作为搜集用户资料的窗口,这种网站大部分不会留下可供查找的联系方式,甚至只会有一个留言的窗口,如何这个时候你留言了,对方也就获取了你的信息,之后就会联系骚扰,很多项目都会做这样的小把戏。
判断一个项目的网站是否是项目的官方网站可有参考几个因素:
1、查看网站的相关备案信息:一个项目的官方网站,大部分都会去选择备案,通过备案就可以知道你想查看的网站的主体信息;
2、查看网站的更新时间:一个项目的官方网站,会经常被维护,因此里面会有很多的信息是最新的,你只要查看一个网站里面的信息更新时间,就可以了解这个项目的被重视程度。通常,如果一个项目网站几个月甚至一年多都没有变化,基本上这个项目也就不用太关注了。
3、查看网站的内容:一个真实的项目网站,上面通常会有项目的介绍,甚至是企业的相关信息,通过查看这些信息可以更好的了解项目以及相关企业是否值得自己去考察。
4、看网站的联系方式等:一般来说,真实的项目网站上面都会有若干联系方式,如在线客服,微信,400电话等,这些都是可以用来参考的。
E. 如何确定官方网站设计风格
看行业,看产品。
拿个简单的来说——食品行业。
如果是火锅店加盟,那么主题就是加盟,商务类型。并且是火锅,那么红色的配色必不可少。
如果是快餐加盟,那么主题界面就应该是简单的,给人一种高效的感觉。并且一提到快餐,那么就会想到汉堡什么的,配色用浅色或者深黄。
当然还有什么米线,面食这类的,这类的话以此类推。
普通饮料应该主题通透,奶茶之类的主题就应该花哨,色差也有讲究。
如果是定位高端,那么配色就有讲究,这类的配色差距不能太大。因为色差太大给人感觉太花哨。当然如果线条是属于花哨的类型,那么配色花哨一点也不是不可以。
官网的设计风格都是综合调整的。所以还是需要先知道你这边的需求。
F. 灰色汉堡包网是是什么样的网站
集设计,创意为一体的 网站.....
每天更新大量 创意元素 供网友参考.......内容 丰富多彩
G. 汉堡菜单 是产品设计的无能吗
Tata Zhu,设计师
知乎用户、许多、陈小活 等人赞同
汉堡菜单Navigation Drawer作为一种导航模式,其实已经不仅仅是Android平台独享,iOS甚至Windows平台都有出现。这种模式的利弊都是可见的,要结合具体的产品来看待,不能轻易说是产品设计的无能。
抽屉导航最明显的一个优势就是节省了屏幕空间,让导航“藏”在侧滑抽屉里,释放了更多的空间给主要内容。屏幕内容的简约可能也是某些UI设计师所追求的。
然后,抽屉导航其实开辟了另一种新的导航模式,区别于在此之前的几种主要导航模式:腹肌式(Six-pack)、下拉栏式(Spinner)、选项卡式(Fixed Tabs),它弥补了其他几种模式在非顶级视图间进行导航的缺陷——用户必须退回顶级视图,在顶级视图切换分类之后再进入其他内容,也就是说Drawer的好处就是能够提供在非顶级视图间导航的能力。
参考:Android Design 趋势——Navigation Drawer
再者关于楼上某位答者提到的手机屏幕尺寸越来越大是否还有必要把内容隐藏起来节省空间,考虑到用户的使用习惯,屏幕尺寸加大可能恰巧增加了用户进行某些操作的难度,例如对于一个右手用户来说,点击左上角的按钮绝对要比左滑(从左往右滑)费力的多,这个要结合具体场景看了。
对汉堡菜单的质疑大致可归为以下几点:
相较于传统的将主要功能放到首屏的设计,抽屉导航将功能隐藏起来,增加了用户的认知负担,有时难以发现。(其实由于汉堡菜单的“滥用”,大多数用户已经能够轻松认出)
iOS的左滑返回与抽屉导航的左滑呼出交互模式冲突。(以知乎iOS的解决方式为例,并非每个界面都可以呼出导航,在详情页左滑就是返回操作,需要切换到其他详情页或者返回问题列表页才能呼出导航菜单。)
功能隐藏层级较深,增加操作成本,低效。
对于如何较好使用汉堡菜单,Android规范中已作出较好总结。大概如下:
1.有超过3个顶层界面
Navigation drawer非常适合同时显示多个导航目标,如果有3个以上的顶层界面就比较适合用它,否则的话,使用固定标签切换顶层界面会更方便。
2.子界面间的交叉导航
如果app需要子界面间进行交叉导航,可以考虑用Navigation drawer,因为在app的任何地方都可以打开它,这样从子界面到其它主要界面都会很方便。
3.深层的导航分支
如果app某个子界面分支有很深的层级,那么回到顶层界面就会成为重复点按返回键的枯燥活动,而Navigation drawer会让这个过程高效得多。
4.导航中枢
Navigation drawer反映了app的结构,也可以展示app的导航重点,可以把app中用户最常访问的部分放在里面以便快速跳转,一般来说,这个导航中枢里可以只有顶层的几个界面。
以上情景不仅适用于Android,在其他平台也具有参考价值。
总结,汉堡菜单并不是产品设计的无能,合理使用会让产品轻便易用。让题者产生如此感受的应该的产品对汉堡导航的滥用或者产品本身就有问题吧。
以上讨论的都是移动应用设计中的汉堡导航设计,其实这种导航模式在网页设计中也有使用,附一篇相关文章。
How to solve the hamburger icon problem
参考:
《Android Navigation Drawer》