毕业论文
您现在的位置: 卡片 >> 卡片发展 >> 正文 >> 正文

两个版式配色风格独特的欧美网站建设作品案

来源:卡片 时间:2022/11/3

欧美网站建设领域自互联网兴起以来,不断的有现代的、精致的网站设计作品出现。他们在版式设计方面千差万别,在网站设计配色方案方面非常专业、吸引人,在网站的配图制图方面简洁大方,在网站的文案编辑和策划方面,富有品牌感。今天我们挑选2个在航天科技领域比较卓越的网站建设作品案例来讲解。

我们在寻找优秀的网站建设公司以及优秀的欧美网站建设作品时,通常会比较注重这些案例在版式、字体、色彩、图像、ui的图标图表、交互设计等方面的细节执行情况。

NO.1

欧美网站建设作品案例一

网站首屏传递的信息量很少,但非常聚焦,内容高度提炼和浓缩,这反而能瞬间传递给用户一种更为简洁和极简的印象。关闭网站,还能记住网站的主题和背景图片。

第二屏的设计,非常有策划性,设计的样式也很丰富。比如小标题Part,采用的是高亮的品牌色。字体很小,很灵动,作为装饰非常合适。大标题,字号超大,而为文字量控制恰到好处,不密集,不负重,还略带渐变色。一根细细的灰色线条,加上一小段概述,形成了内容区域单个模块的标题规范。

很明显,下面的地球行星的切换,是轮播的一种风格样式,当前状态的地球改成宇宙和轨道,更立体化一些。这种图形的视觉元素,跟航天科技领域的属性紧密相连。

第三屏的内容,也就是内容区域的第二个板块,在标题模块方面继承了上一个模块的规范。在图表图标的绘制方面非常优秀,使用的是扁平化的图标图标设计风格,底下的标题跟正文层级感也很强,左右两边的图表数据的展示,非常有这个行业的属性。

第三个板块设计采用的是一行四列的布局,其中,它使用了左边两列的,腾出了一个位置来展示这一个模块的标题跟正文,标题正文使用的字体规范跟是整站统一的。

这一个板块的板式布局就有点特别了,有标出标题、正文,还可以左右翻滚。

再到这一个板块的是展示声音艺术的一些数据。

这一个板块的插图就非常有科技感了,非常有行业属性的东西需要手绘出它的风格。

NO.2

欧美网站建设作品案例二

这一个航天科技领域的网站设计作品就非常独特了。我们先看一下第一屏,首先是banner的背景图的选图,用的是地球的局部来作为背景(大家可以尝试一下用局部图和用全景图的视觉差异,选一种更佳合适的),右上角有一个数据展示的区域,使用的是图标设计跟标题的搭配,非常有质感。再到下边的,在第一边区域的这些卡片里边,有四个板块,这一些是卡片设计的风格。横着宽间距的字体和数着的装饰字体,都是设计元素的一部分。少了显得空洞。

到了这一个板块的内容,大家就会发现,板块与板块内容之间的衔接并没有一个非常明显的区分,板块背景图的光的过渡是连续不断的。这一屏我们看到两个板块的内容,第一个是航天员跟一段文字的展示,右边还有一个视频,意味着这个地方点击之后会有一个视频的播放,那么第二部分的内容,是一些数据的展示,数字的展示、字的间距、大小的控制,这些都是影响设计感的一些因素,设计效果非常好,背景还用了一个半球的一个素材,虚化边缘呈现。

这一个模块,主要出彩的地方就是横向的数据图表和右边数据展示的这些动态的源圈,这里一定是有交互效果的,它会随着这个数据的变化,圆圈光亮的这个线条会不断的从零开始走到%,下边的这个图库系列,就是太航空宇宙的一些图片的展示。

那最后一个板块,就是video,就是展示的是视频的视频的展示列表,往往会有一个略图一个视频播放的图标,这里播放图标的三角形部分,用了他们的品牌色。

页脚区域,还有一些联系的信息,以及一些功能性的图标的入口。属于虎头蛇尾的灵动布局。

总结

从这个航天科技领域的网页作品来看,他们在这几个方面都做得非常出色。

善于利用行业的一些具有代表性的素材、图片、图表、图标,这让网站风格具有行业特征很重要。

在图标、图标设计方面非常精致、个性化,容易营造一种科技属性和感受在界面中。如果你要做一个科技领域的

转载请注明:http://www.0431gb208.com/sjszyzl/2345.html

  • 上一篇文章:
  • 下一篇文章: 没有了