截止到2019年12月11日,2019年“厚溥杯”Web前端UI设计大赛校区海选均已经落下帷幕。经过一个多月的准备,陕邮、咸职校区总共筛选出17组比较优秀的作品参加决赛线上投票环节。
校区赛精彩瞬间
PART 1陕邮校区
2019/12/11 ajor Winter
2019年12月5日,陕邮校区开展了激烈的校区海选赛,经过近4个小时的真枪实弹,最终从17组参赛作品中选出7组作品。现场时而温馨动人,时而激情四射:
陕邮晋级作品名单如下:
一生一世礼品定制网站;
完美游戏活动页面;
先锋使者游戏官网;
数码精灵;
尚芸阁花店;
益心巴士公益;
保卫地球;
PART 2咸职校区
2019/12/11 ajor Winter
2019年12月10日,咸职校区开展了激烈的校区海选赛,经过近4个小时的唇枪舌战,最终从17组参赛作品中有10组作品脱颖而出。作品精彩瞬间如下:
咸职晋级作品名单如下:
创世科技;
爱YOU;
缘梦科技;
木兰新妆;
礼尚网来;
Sov;
人与人;
校园二手交易网;
闲“植”;
助农维乐;
晋级作品简介
NO.1一生一世礼品定制
作品简介:★★★★★
一生一世礼品定制网站采用div+css布局,js、Bootstrap动态效果实现。整个网站整体以简洁、图文结合的形式来介绍产品。网站的暖色调展现了温馨的场面。导航栏和模态窗体都能方便用户快速选择。当用户点击图片时弹出模态窗体能够了解更多的详细介绍。页面跳转流畅,减少用户等待的时间,整个网站的方便快捷使用户可以有极致的购物体验。
NO.2完美游戏活动页面
项目简介:★★★★★
完美游戏活动网站采使用了div+css布局和css动画效果实现。网站图文醒目,文字规划整洁统一,每个页面色彩风格各有所异,给人一种视觉上的冲击感。页面的动态背景和宣传视频,还有通过JavaScript实现的英雄的3D效果,都可以吸引玩家让玩家能更直观的了解游戏。整个网站本着操作便捷效果炫酷,给玩家留下深刻印象的理念来进行设计,促进玩家的消费和浏览量。
NO.3先锋使者游戏官网
项目简介:★★★★★
先锋使者游戏官网采用div+css布局和javaScrip、Bootstrap动画实现。整个网站整体网页风格统一,色彩以暖色调为主,内置众多功能,网站兼容性强。每个页面有多种指引操作,可以快速了解全面的信息。页面导航,使用户在网页遨游时不再迷茫,点击喜欢的游戏角色,可以在弹出的模态窗体中购买对应的。整个网站设计简洁但不简单,可以用更少的时间,有更多的视觉冲击,更好的感官体验。
NO.4数码精灵
项目简介:★★★★★
数码精灵网站采用div+css布局,和javaScript动画实现,整个网站改变了传统的扁平化上下布局,使得页面简洁醒目。网站中实现了鼠标悬停到图片上图片文字及背景改变效果,图片轮播等效果,还实现了鼠标悬停以3d效果浏览产品,给人以逼真的视觉感。点击图片还可以近距离360度查看买家秀。侧边导航栏,舍弃了多数网站都在用的伦播图使用了点击动画,给用户带来不一样的视觉感等等。
NO.5尚芸阁花店
项目简介:★★★★★
本次项目使用div+css+js的布局方式,风格统一为粉色系,界面以花图为主文字为辅,使得浏览更加便捷,活动页面使用了轮播图,让活动更加直观。网站页面设计从浏览、预定、购买、送货上门依次导航展示提升了用户的可操作性。整个项目价值在于能为想买花但是没时间去花店的人提供便利,方便操作。
NO.6益心巴士公益
项目简介:★★★★★
本次项目采用了主流的上中下的布局方式,直观的展示了项目想要表达的主题,整个项目采用白色的主题,风格统一。网站内设计有参加公益的引导页面和操作流程,给用户更好的体验。项目的理念是为一些想做公益又无从下手的人提供了一个快捷的方式,让公益近在咫尺。
NO.7保卫地球
项目简介:★★★★★
本项目采用HTML+CSS3+BootStrap完成,整体设计黑白色为主色,风格简约,通过透明度的搭配进行调节,使其更加个性及具有吸引力,且浏览操作更方便。通过图文并茂,使整体呈现丰富的表现形式。本次作品是以绿色环保为主题,把变废为宝的绿色观念融入日常生活,通过回收利用周边废弃物品,使其变废为宝,提供给需要的人。在提倡绿色、低碳、环保生活方式的同时呼吁人们保护环境,从小事做起,为人类提供更好的生活环境,让我们美丽的家园不再遭受污染。
NO.8创世科技
项目简介:★★★★★
电子支付已经改变了人们对于支付的行为习惯,而我们要做的是“改变人们打游戏去网吧、看电影去影院的方式”,因此设计出“创世科技”网站。该网站设计采用HTML+CSS+JS+jQuery。界面设计简洁、直观,色彩的搭配极具匠心,蓝白色的相互结合,打破了传统网页商品售卖的形式,网页中文字、图形、图片排版,不仅观感上独具一格,还给用户带来了十足的操作感。页面流畅性和界面引导让用户快速了解我们的产品,并引起对我们的好奇心。
NO.9爱YOU
项目简介:★★★★★
本网站以旅游为主题,整体颜色多彩而绚丽,符合人们对旅游的五彩斑斓的向往,本网站因需要美观而选择使用HTML3的5D动画来制作旅游经典靓照,通过Bootstrap以及JS来美化整体网页,完成轮播图,以及注册页面的创建。
NO.10缘梦科技
项目简介:★★★★★
科技改变未来,让“另一个自己”为你解决所有问题(克隆一个和你一模一样的机器人)。我们网站设计在整体布局上偏向简约、清晰、直观,把用户体验做到极致。项目采用HTML+CSS+boostrap+JS+jQuery共同完成,页面上每一个操作逻辑和界面引导都是让用户直接和我们交互一样,bannner图位置的设计和页面中间位置的跳转,都是我们给用户极致体验的表现。
NO.11木兰新妆
项目简介:★★★★★
本项目采用HTML+CSS+JS+jQuery完成,红色为主色,给人简约大方之美。符合bannner设计流程。项目整体采用上中下布局,中部为左右结构,项目的版式,色彩,图片,字体,段落,细节等各个地方都做了详细精致的制作。界面的结构清晰且一致,风格与产品内容相一致。亮点在于解决大家化妆穿衣搭配问题,通过本项目可以打造一个优秀自信的你。
NO.12礼尚网来
项目简介:★★★★★
本项目采用HTML+CSS+JS+jQuery完成,紫色为主色。本项目经历了从需求>策划>原型图>设计图>制作>上线,每个环节做过精心设计。项目整体采用上中下布局,中部为左右结构,给人温馨之美。将复杂的操作功能通过交互设计简化,让操作更直观易用,并且提升与用户之间的互动性。亮点在于解决交往过程中送礼的困扰,花最少的钱,以最快捷的方式,选择最称心如意的礼物。
NO.13 Sov
项目简介:★★★★★
本项目采用HTML+CSS+jQuery完成,整个网站建设风格以简约为主,遵循现代年轻人所喜爱的机械风格,以黑白为主导色,界面设计方面,本网站作为现代年轻人流行网站,多以图片为主,除了一些论坛性页面外,大部分以图片作为宣导,配以文字讲解,全站文字与图片密切结合,其中七成图片三成文字的布局占比,帮助用户提高浏览体验。
NO.14人与人
项目简介:★★★★★
本网站采用Bootstrap+HTML+CSS+JS共同开发完成、首页的I Have和I Need明了的阐述了网站人与人的中心思想。
I Have:我有什么、我所能提供的帮助。I Need:需要什么、想要别人帮我什么。人与人:拉进每个人的距离、满足人们内心的快乐。
NO.15校园二手交易网
项目简介:★★★★★
本网站整体采用浅色调,总体布局遵循各大主流网站的上中下,中间板块采用左中右结构,响应式设计,采用bootstrap栅格系统,实现移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列,增强用户交互性,使用Carousel,实现轮播图,简洁优美,使用jQuery实现商品三维立体展示。给人以简约清新之美,优雅中夹带个性,符合校园年轻用户审美观。
NO.16闲“植
项目简介:★★★★★
本网站采用技术HTML+CSS+bootstrap+JS+jQuery共同完成,本网站图片方便多以树林,天空为主,意在保护我们的环境。网站首页使用到了POP布局和三字型布局,线上植树页面和新闻动态页面使用了T型布局,文字与图形占比基本为1:1,配色多一蓝色和绿色为主。
NO.17助农维乐
项目简介:★★★★★
本项目采用HTML+CSS+JS+jQuery完成。绿色为主色,项目采用上中下布局,中部为左右结构,比较清新,给人以大自然之美。在进行UI设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散。农产品滞销,而快节奏的都市人经常工作繁忙,很难吃到新鲜的有机蔬菜等。这个平台有效的解决这个矛盾。亮点在于配送及时到家,而且产品全是绿色有机农产品。懂你所需,解你所忧。
作品详见(复制以下链接进浏览器查看):
http://travel.enorth.com.cn/system/2019/12/06/037840680.shtml