你现在位置: 首页 > 学员作品 > 数字媒体设计 > 网页设计作品

  • 《  "你的花园"网站设计-第260期学生 梁佳慧 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/liangjiahui/index.html




    项目背景:

    花是美丽的代名词,传统的花店都以线下实体店为主,客户必须去店里购买和浏览,但随着社会的发展,越来越多的人不在出门买东西,由此有一个可以浏览产品的网站变得尤为重要。

    设计目的:

    增加花店在线上的宣传与推广,使用户可以直接在网上浏览到花的品种,种类,搭配合适的花朵进行购买,通过网站的方式增加营业额度。


    技术实现:

    Photoshop效果图:明确网页设计风格走向,完成网页初步版式设计。
    Dreamweaver排版:使用html5+css3、Jquery特效实现网站的排版 在火狐、360.谷歌等主流浏览器中调试


    ×
  • 《 "白房子"网站设计-第260期学生 宋玥 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/songyue/index.html




    项目背景:

    在我国经济快速发展的今天,餐饮业的快速发展是我国消费水平快速增长的一个重要的表现形式。餐饮业在中国的国民经济中占有重要的比例。


    设计目的

    在当今互联网快速发展的社会环境下,众多用户对于浏览网站的要求不再只是简单的满足自身需求,而是希望可以从中欣赏到它独特的文化内涵及审美需求。


    技术实现:


    Photoshop效果图:明确网页设计风格走向,完成网页初步版式设计。
    Dreamweaver排版:使用html5+css3、Jquery特效实现网站的排版 在火狐、360.谷歌等主流浏览器中调试



    ×
  • 《 "聚星阁摄影工作室"网站设计-第260期学生 高宇 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/gaoyu/index.html




    项目背景:

    在我国经济快速发展的今天,人们的物质水平不断提高,摄影摄像越来越贴近人们的生活。

    设计目的:

    通过网站的形式,增加工作室的知名度,进行网络宣传,并上传作品使得用户可以清晰直观的了解到工作室的能力与技术水平,从而达到进行推广销售的目的。

    技术实现:


    Photoshop效果图:明确网页设计风格走向,完成网页初步版式设计。
    Dreamweaver排版:使用html5+css3、Jquery特效实现网站的排版 在火狐、360.谷歌等主流浏览器中调试

    ×
  • 《  "艺厨"网站设计-第260期学生 李凤霞 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/lifengxia/index.html


    项目背景:

    在我国经济快速发展的今天,餐饮业的快速发展是我国消费水平快速增长的一个重要的表现形式。餐饮业在中国的国民经济中占有重要的比例。


    设计目的

    在当今互联网快速发展的社会环境下,众多用户对于浏览网站的要求不再只是简单的满足自身需求,而是希望可以从中欣赏到它独特的文化内涵及审美需求。


    “主要包括首页、关于我们、餐饮种类、新闻资讯”等模块,整体风格将是一种中国风,该网站设计将使用Adobe Photoshop、Adobe Dreamweaver等软件,实现一个美观的界面设计和更好的用户体验。

    培养和提高了个人独立进行作品创作的能力和社会实践能力,提高了个人的知识技能以及审美能力,更准确地解决个人、客户与受众之间的交流对话关系。


    ×
  • 《 "现代建筑"网站设计-第260期学生 张玉利 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/zhangyuli/index.html


    项目背景:

     现代建筑设计中,创造性思维的运用,是提高建筑创意水平的重要途径。建筑理念要不断创新和发展,从而更好的应用当前的科技,从而推动整个建筑设计行业不断向前发展。

      随着人们生活水平的提高,对建筑设计的水平的要求也越来越高,既体现美观,又要充分运用科技手段,这就要求设计师掌握各方面的专业知识,不断在生活中寻求灵感、发挥想象力,设计出现代生活所需要的建筑。

    设计目的:

    通过网站设计增强人们对建筑设计创新意识,激发人们对现代建筑的兴趣,让现代建筑成为社会的时尚。


    ×
  • 《  "质诺工坊"网站设计-第260期学生 徐雯俐 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/xuwenli/index.html


    项目背景:

    质诺工坊”蛋糕甜品店创立于 2006年,地址位于山东省济南市长清区大学城商业街泰嘉园物业5-1-201号。 目前长清大学城商业街大约有二十家规格不同的蛋糕甜品店。作为美食行业,仍然有很大的发展空间。附近有众多高校,客户群体是学生,“质诺工坊”是一家集蛋糕、西点、奶茶、鸡肉卷、休闲与娱乐为一家的蛋糕甜品店。一楼设置产品展示,二楼为休闲茶餐厅及产品透明操作间。既使客户放松娱乐同时也向顾客展示干净卫生的操作过程。


    设计目的:

    本课题主要是做一个蛋糕展示交流网站,用户可以查看店里蛋糕种类、甜品、奶茶等产品;也可以和其他用户进行评论交流;想要加盟的商家在欣赏作品的同时也能通过产品进行评价、回应等方式参与到其中,并与“质诺工坊”取得联系。








    ×
  • 《  "伊芙丽"网站设计-第260期学生 马宁 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/maning/index.html



    项目背景:

    伊芙丽 ,品牌成立于2001年,以优雅、自信、自然在作为品牌灵魂,以摩登与浪漫为品牌代名词。充分演绎出现代女性在生活中,
    不同角色的灵活转换。产品注重款式细节的设计,整体色彩的搭配、融合以及款式的组合。

    设计目的:


    人们对服装的要求和品味日益渐增,好的款式和质量同等重要,伊芙丽品牌服饰,不仅有魅力的外观,更有舒适的体验和品味。


    技术实现:

    Photoshop效果图:明确网页设计风格走向,完成网页初步版式设计。
    Dreamweaver排版:使用html5+css3、Jquery特效实现网站的排版 在火狐、360.谷歌等主流浏览器中调试



    ×
  • 《 "鑫哲家居"网站设计-第260期学生 王冉 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/wangran/home.html

    "鑫哲家居"网站设计-第260期学生 王冉,通过半个月的时间,制作了一个高端定制网站,下面是她的设计作品展示及设计思路说明。



    项目背景:

    1  家具是一个家庭风格的灵魂,随着儿童数量的增加,儿童家具的需求量逐年递增。企业决定线下和线上共存,从而在互联网上树立企业形象。

    2 经过与客户的交流沟通,客户想做一个家居类的网站,并不是一个单纯的企业站,并且网站具有一定的营销性,以此确定设计的主要内容。

    设计和思路:

    1 进行调研工作,收集数据和梳理设计思路。了解到客户主要以经营儿童家具为主,查阅关于家具设计类网站的资料,整理出所需素材。
    2 设计各个模块的具体功能,利用photoshop制作网站初步平面效果图,在与客户的沟通中不断完善修改。
    用Dreamweaver结合CSS+Div进行排版后,再用HTML5、javascript语言编写代码,实现动态交互。用火狐、谷歌、IE浏览器等运行,进行测试。
    3 实现本网站在提供交流展示的同时也能适用于各种浏览器。


    ×
  • 《 "威海增益家庭农场"网站设计-第251期学生 李莉 》

    "威海增益家庭农场"网站设计-新视觉实训第251期网页设计班学员 李莉,通过半个月的时间,从设计构思到网站开发上线,制作了一个企业网站,下面是他的设计作品展示及设计思路说明。
    访问该网站:http://edu.newsight.cn/2017web/lili2/index.html

     

    项目背景

    1、威海增益家庭农场主要经营有机农产品的种植及销售。

    2、农产品是人们必不可少的食物,与人们的生活息息相关,随着当前人们生活水平的提高,对于生活质量的追求越来越大,有机农产品的市场占比也越来越大。

    3、现在互联网的覆盖面越来越大,互联网用户也越来越多,因此企业网站的建设能够起到很大的宣传作用,客户对于网站的的要求也不再满足于简单的企业介绍,而是期望网站能够达到线下无法满足的宣传及用户体验,就需要融入更多的功能、更丰富的内容、和更美观更人性化的界面设计。

    设计思路

    从现有的农业网站分析可以看出,网站内容多以列表的形式展现,主页的文字特别多,并且在一个页面上展示的模块也比较多,虽然这样可以展现更多的东西,但是也会使用户浏览起来眼花缭乱,很难提取到重要的内容。
    结合对现有农业网站的分析、企业的标志颜色,将网站的主体颜色定为绿色。

    版式上采用横向分屏滚动,以图为主,展示农场的绿色有机,使用户在视觉上最大可能的达到身临其境的感觉。

    运用大量的Js特效更能吸引用户的眼球,能够让用户无障碍的找到网站表现的主体,使用户有更大的浏览欲望。


    技术支持:

    1、使用Photoshop进行效果图排版
    2、主要使用html5+css3,Javascript等技术
    3、运用Dreamweaver实现布局和交互特效,后期兼容测试

     

    ×
  • 《 "初音未来歌姬计划"网站设计-第251期学生 鞠晓 》

    ""初音未来歌姬计划"网站设计-新视觉实训第271期网页设计班学员 鞠晓,通过半个月的时间,从设计构思到网站开发上线,制作了一个游戏类型的企业网站,下面是他的设计作品展示及设计思路说明。
    访问该网站:http://edu.newsight.cn/2017web/juxiao1

    行业分析:

    随着社会快速发展,人们对休闲娱乐的要求也越来越高,PlayStation 4(简称PS4)是索尼电脑娱乐公司出品的第四代游戏主机。PS4拥有很多特色,例如跨游戏语音聊天功能、转型成真实好友构成的网络以及实况转播游玩画面。

    《初音未来歌姬计划》乃是一款基于ps4的热门音乐节奏类游戏,主角是拥有众多粉丝的初音未来公主殿下。

    从而为了更好地宣传,我为这款游戏设计了一款网站。

    设计思路整合:

    配色:采用《初音未来歌姬计划》游戏主角初音未来官方发色为中心取色。
    构图:采用灵活的异形布局,打破常规,更能突出作为游戏站的特色。
    字体:中文是以微软雅黑作为字体选择,配合一款纤长的英文字体加以辅助。
    技术支持:1、使用Photoshop进行效果图排版
    2、主要使用html5+css3,Javascript等技术
    3、运用Dreamweaver实现布局和交互特效,后期兼容测试


    ×
  • 《 雷克斯手表-第251期学生 师杰 》

    "雷克斯手表"网站设计-新视觉实训第251期网页设计班学员 师杰,通过半个月的时间,从设计构思到网站开发上线,制作了一个手表类型的企业网站,下面是他的设计作品展示和设计思路.

    访问该网站:http://edu.newsight.cn/2017web/shijie1/设计背景

    1 随着现代社会的发展,人们生活水平的不断提高,以及大家对生活的品质也有了一定的追求,直到今天,腕表的工艺和技术都已成熟。而手表也再也不是简单的计时工具了,已经成为彰显身份与地位的象征。

    2   雷克斯(ROCOS )手表在众多大牌瑞士表中间并不是很显眼,以致很多表友们很少人听说过这个品牌。雷克斯从成立起,排除万难,拨开云雾。可谓见证了钟表业的大起大落,而品牌自身也是如此。

    3 如今科技发达互联网无疑是企业宣传和营销的重要途径。

    设计思路
    风格:
    网站整体采用扁平化的设计,结合手表的造型和质感,网站中加入一些拟物化的元素,运用叠加高光、纹理、阴影等效果对物体进行再现,再配合必要的交错重叠的排版。打破版面呆板、平淡的格局。这样既可以突出主题特色,又可以减少用户对浏览网页的认知障碍和阅读疲劳。


    雷克斯LOGO的设计:

    以创始人的名字命名,雷克斯希望这一生能见证并促进钟表业的发展。王冠表示行业的王者。站在强者行列,笑傲表界。狮头表示适者生存的丛林法则。雷克斯要成为钟表丛林里的雄狮。


    整体配色:
    整个页面采用黑色作为主色,黄色作为突出色,两色的搭配更能有效的突出了产品,从而减少用户在视觉上的疲劳。

    ×
  • 《 "UR服装官网"网站设计-第260期学生 李卫港 》

  • 《  "龍龘精品宠物馆"网站设计-第260期学生 仇洁 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2018web/qiujie/index.html

    "龍龘精品宠物馆"网站设计-第260期学生 仇洁,通过半个月的时间,制作了一个企业网站,下面是她的设计作品展示及设计思路说明。

    设计背景:

    随着社会的日益发展,人们生活质量越来越高,当代人越来越注重精神生活层面的享受,而“宠物现象”就是其表现之一。在现代宠物着装、宠物医疗、宠物商品市场增大现象比比皆是,越来越多的宠物爱好者不但乐在其中,而且有更多的宠物爱好者联盟组成团体交流养宠过程中的乐趣和经验通过集体交流不断的去完善自己养宠的知识和方法。当然不仅于此,能突破地域和空间限制的交流方式足不出户就可以分享更多的养宠乐趣被越来越多的宠物爱好者所青睐。
    龍龘(Chinese Dragon)宠物网站在这种情况下应运而生,网站提供了完善的养宠方法和丰富的养宠知识设置了宠物商品购买、宠物美容、宠物寄养等相关功能为宠友们提供了完善方便、时尚、亲切的交流平台。


    同行业对比:


    通过对宠物行业现有网站分析不难看出,网站排版多以列表形式为主,且内容繁多,杂乱,在内容归纳分类上条理不清晰,分类不明确,导致用户体验较差;从本行业网站所列出的内容分析来看宠物网站太过执着于对店内产品的列举,从而忽略了对宠物店品牌的介绍及宣传。




    ×
  • 《 "西门子电器"网站设计-第251期学生 汲蕊  》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2017web/jirui/index.html

    "西门子电器"网站设计-新视觉实训第251期网页设计班学员 汲蕊,通过半个月的时间,制作了一个企业网站,下面是她的设计作品展示及设计思路说明。

    设计背景:

    随着互联网的发展,大部分企业都有自己的网站,西门子股份公司是全球领先的技术企业,旗下的产品及服务种类有很多,而对于专门的家电产品方面宣传力度不大,而人们对于家用电器方面的需求很多,所以针对西门子家电产品设计以及制作了一个专门的企业网站。


    技术思路:

    1、确定网站整体风格
    2、利用logo色确定网站主色调
    3、使用photoshop设计效果图
    4、使用Dreamweaver进行代码编写,运用html5、css/css3对网站排版布局
    使用javascript技术实现交互特效























    ×
  • 《  "帝豪斯健身"网站设计-第251期学生 赵文君 》

    网站地址:http://nsedu.oss-cn-beijing.aliyuncs.com/2017web/zhaowenjun/index.html

    "帝豪斯健身"网站设计-新视觉实训第251期网页设计班学员 赵文君,通过半个月的时间,制作了一个企业网站,下面是她的设计作品展示及设计思路说明。

    设计背景:

    在中国一个客户走进健身房不是有明显需求就是被业务推销,大部分的人觉得是一个苦差事,除非走进健身房被氛围感染而运动,否则通常都是闲置会籍。这与高压的现代社会生活有关,想要获得更好得生活条件与健康品质似乎是相抵触的,能够经常进健身房锻链的人似乎是有钱有闲才有那份心思。

    设计思路:

    经过对同行业现存企业站的调研分析,本次提案主要采用的是目前最为流行的扁平化的设计风格,并且版式上要简约明了,板块划分上要明确清晰。

    主色调提取的是本企业LOGO色橙色,搭配黑色和灰色,再结合简约的设计风格,符合现在大多数年轻人的审美,给客户带来舒适的体验。


    效果图定稿后,采用DW软件,DIV+CSS,JS等技术对网站进行排版,并测试目前的主流浏览器的兼容性。



    ×


济南新视觉数码实训基地

Copyright 1996-2015 | 工商注册号:101010101010101 | 鲁IPC备05030547
友情链接: 济南新视觉实训基地 | 山东新视觉数码科技| 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南网页设计培训 | 济南电商设计培训 | 济南UI设计培训班
0531-
86558833
86467703

新视觉二维码