东城网页设计:Web设计中令人印象深刻的案例研究示例

2019.08.16 mf_web

159

案例研究是对特定工作的研究或分析。今天,我们选择了一些不同公司的有趣案例研究的例子,这些案例研究以扩展的形式展示了他们的作品。这些作品可以在他们的网站上找到,也可以在专门创建作品集的网站上找到。

在这里,您将能够看到网页设计及其品牌变化的演变。大多数案例都是由专业工作室准备的,作为初学者,您将能够看到专业人员在项目介绍过程中的工作方式。

一些示例是在单独的网页上设计的,并且是使用新技术HTML5和CSS3制作的。在查看案例本身时,演示文稿的页面是互动的,非常生动。

欣赏表演,有很多灵感!如果您了解网页设计案例研究的任何其他示例,请随时在您的评论中写下它们。东城网页设计

网页设计中的案例研究示例

罗摩衍那

Ramayana是一个创新和突破性的项目,邀请您通过一个充分展示的世界参与冒险。该团队带来了一个经典的故事,这是一个印尼和泰国文化的共生。

享受身临其境的互动体验,这种体验已成为Chrome浏览器强大功能的真实体验。您还可以熟悉投资组合部分中描述的工作流程的一些重要阶段。

项目回复

该团队设法提供一个优雅,同时有趣和创造性的跨平台解决方案,显示来自四个不同类别的大量内容。每个部分都由其品牌定义。欢迎您通过现代互动属性和一些令人赏心悦目的说明技巧,深入了解精彩的用户体验。案例研究揭示了该公司必须克服的一些绊脚石。

Nickelodeon iOS App

这个概念是在孩子选择奖25周年之际创造的。该机构主要关注年轻观众,并结合了许多有趣的绘画和流行的卡通人物,以捕捉活动的气氛并满足目标受众。

秘密代理主题是该项目的基础,定下了基调并营造了氛围。探索一些有趣的草图,提供有关实现该想法的提示。

Broadway.com iPad App

这是一款具有歌舞表演魅力和各种情感的iPad应用程序。该程序扫描官方网站上显示的所有数据,并为用户提供有价值的内容。此外,还有预订现场表演门票的功能。该项目是一个设计,功能和用户体验的联盟,使其脱颖而出。案例研究揭开了开发过程中的面纱。

HTC

该机构已经建立了该品牌的网站。UI融合了一些互动功能和可爱的美学,融合了经典和现代风格,可以精美而有效地传达所有相关信息。

由于出色的经验和精美的设计,参观者很快就会参与其中。完成从案例研究中提出的从头开始制作项目的整个过程。

Redbull电视

Redbull T是一款小巧而实用的 Chrome扩展程序,可提供在线观看RedBull电视流的乐器。后者包括来自15个节目的超过400集。会员只需通过拖放左侧列中排列的各种类型的内容即可创建自定义频道。要了解如何管理团队将用户置于驾驶员的位置,请查看其投资组合中的相应页面。

60分钟

这个概念完全是关于新闻的。它是Chrome浏览器的一个小应用程序,可收集报告,独家采访和视频片段,从而使用户可以在现场观看和阅读相关信息。尽管有如此多的多媒体内容,但界面看起来很整洁并且不会压倒读者。在开发过程中使用了HTML5,CSS3和一些尖端的解决方案。了解团队为实现预期结果所采用的其他方法。

杜卡迪社区应用

杜卡迪社区应用程序是一个社交社区平台,由一些互动功能提升。它快速,智能且易于操作。该程序使会员可以通过单击查看朋友的活动,评论,浏览更新,添加帖子等等。界面从光泽的表面,魅力黑暗的色彩,美丽的图像和出色的视觉效果中获得美感。

热图

该项目致力于在戛纳举办的年度声望节。它显示了社交聚会和受欢迎的餐厅的景点。在其他功能中,它有助于查找本地目的地,映射您的位置并与他人共享照片。设计干净,结构合理,令人赏心悦目。正如案例研究所暗示的那样,该应用程序建立在Google Maps强大协作和HTML5高端功能的基础之上。

Kontain Android应用程序

创建该应用程序是为了向Kontain.com上的社区提供方便的环境。充满活力,有光泽的图标可以帮助用户非常有效地移动,为他们提供快速访问诸如发布新更新,浏览朋友的更新和活动等重要功能。

界面之美在于对细节的细致关注,华丽的配色方案和充足的白色空间。该团队逐步揭示工作流程。

内战150

内战150从第一秒开始唤起爱国情怀。虽然用户界面增强了一些标志性和民族主义的优秀渲染,但界面直观且方便。信息架构是一件艺术品,而用户体验则是沉浸式和高度引人入胜的。这些因素激发了竞选活动,让探索变得有趣。

Iconfinder

 

该团队重新设想了最流行的引擎之一的标识,用于在互联网(即Iconfinder)的费用中查找图标。它直观地表示平台以及非口头传达所需的消息。案例研究揭示了所有问题,挑战及其相应的解决方案,深入分析以及一些澄清截图。

诺亚项目

Android平板电脑应用程序以其出色的界面设计迎合了目标受众,该设计通过一些优良的特性来解决,例如带有缝合效果的衣服纹理标志和干净整洁的平面样式元素。它具有强烈的自然氛围和有机感,符合国家地理的精神。有大量的图片组织良好,并且适当地抛出。在投资组合部分,该团队还揭示了开发例程的几个阶段。

SendGrid

该平台已经从SoftFacade的优秀人才中得到了改进。他们重新思考并增强了前端和后端,使其更加用户友好,互动和迷人。用户体验也得到了丰富,以满足人群。

SimpleGeo

Jeffrey Kalmikoff重新设计了面向外部的网站,登陆页面,产品页面,新闻页面,团队页面,博客等,并对品牌标识项目(如B卡和指南针图标)进行了一些艺术性的曲折。要了解艺术家改进和改造的其他内容,请查看其在线作品集中的官方页面。

星球大战

 

该机构重建了心爱的传奇的整个世界。虽然该项目仍然需要处理大量内容,但改版版本可以非常有效地处理这项任务,包括更多史诗般的视觉效果,而不会牺牲用户体验和出色的可读性。它可以轻松浏览结构,享受热门视频,沉迷于阅读,感觉非常舒适。这项工作的案例研究有一些有趣的评论。

克雷奥拉

 

该团队根据产品精神创造了一个充满活力和充满活力的重新设计。有很多颜色; 但是,它们不会压倒读者。内容整齐地间隔开,以便可以快速扫描和读取文本的每个部分。更重要的是,它也具有响应性,因此即使在移动设备上,访客也可以享受美丽的美学。相应的案例研究给出了如何应对这种音调的实用提示。

Apache Flex

 

Adrian Knopik为Apache Flex创建了新版本的标识。它明亮,优雅,光滑,充满活力。排版经过精心挑选,完美地补充了图形。每个细节都是警惕的计划。这一品牌标识以两种颜色的调色板呈现,单色和充满活力。专门针对此工作的页面包含两个版本和一些额外的材料。

FLUD

 

BASIC Agency为圣地亚哥的小型创业公司制作了网站原型并支持移动应用程序。两种产品都具有一致的风格,因此它们不会引人注目地连接。虽然着陆页将内容放置在传统的水平排列中,但平板电脑版本具有经过时间考验的模块化系统,该系统在精心组织的单元格中放置具有适当空间的副本。适合的移动版本紧凑,具有线性结构。

佳能EOS-M

 

Canon-EOS M是一个微型站点,可在各种设备,平台和浏览器中快速,稳定和连贯地工作。由于图像和视觉效果非常丰富,它仍然为用户提供了一个舒适的环境,具有华丽的美学和直观的导航。红色和黑色用于为内容和控制器提供适当的基础。

活动和音乐网站

 

活动和音乐网站充满活力的氛围。该架构简单明了,并且受到网格系统的支持。平面样式在此处运行,节省了设计,使读者感到困惑。

每个街区都经过精心设计。导航无缝集成。由于流畅的布局,无论屏幕尺寸如何,UI都能正确显示信息。演示文稿页面有几个截图和作者的评论。

GHA

 

GHA是一个具有深色着色的网站,可以产生足够的美感,让用户享受构图,同时充分发挥潜力。该设计归功于信息图灵感主题的独特魅力。界面和谐地丰富了地图,图表和一些其他匹配元素。

捐赠给乐队品牌

该网站以愉快的方式列出了各种类别的文章。虽然它仍然被线性布局拉动,但是逐个部分地显示内容的片段; 然而,由于奇妙的美学,美观和方便的界面,这一概念吸引了人们的注意力。一套快速改进的工具是一个很好的接触。

Provokator

 

该项目充满了大量的能量,四四方方的氛围和几何吸引力。它基于经典的三柱结构,由于一些原始的扭曲看起来在视觉上吸引人和引人注目。同时,两个侧边栏都可以帮助用户四处走动,而中央部分则展示了可分解为可消化碎片的相关信息。

结论

当你缺乏灵感,而Dribbble和Behance都无法帮助你时,是时候浏览最受尊敬的数字代理商的案例研究了。他们总是有东西炫耀; 在常规画廊中找不到的东西。您不仅可以彻底检查项目,还可以了解工作流程中遇到的挑战和问题,并可能找到解决问题的一些提示。

东城网页设计

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP