导语

  

内容提要

  

    现代社会，互联网、计算机硬件、移动终端设备的发展日新月异，对于企业和用户来说，网站是一个很好的宣传与交流平台，它既是企业形象的展示平台，又是用户了解企业产品的平台，因此网页的视觉效果尤为重要。那么对于从事或即将从事网页设计的读者来说，如何才能高效又快速地制作出抓人眼球的网页页面呢？久保田凉子编著的《超越平凡的视觉设计(网页设计原理)》将带领读者从网页设计的基础知识开始学起。
    全书共分为8个部分：Part 0介绍了网页设计的基础知识，包括服务对象决定的设计核心内容、建立网站所用的工作流引擎、页面内所使用的设计要素等内容；Part 1则从字体、素材、配色三个方面分析了如何把握网页设计的风格；Part 2依次对颜色的固有印象、搭配方法、调配方法以及配色理论进行了讲解；Part 3则从多个角度对不同行业、不同领域的网站中出现的信息设计方法及异同之处进行了分析，同时在功能、配色、版式等方面进行了逐一解析，使读者在实际的网页设计工作中可以作为参考；Part 4则针对PC、平板电脑、智能手机等设备的显示尺寸，从版式、构图两方面讲解了如何不断优化网页；Part 5详细讲解了如何将照片、手绘插画等素材及字体、程序应用到网页设计中；Part 6对于如何设计好“当下流行”的网页、版式布局的流行趋势，以及最新的网页技术进行了讲解和总结；Part 7对网页中页眉、页脚、标题等设计要素进行了分类讲解，并介绍了各个要素的配置方式和版式设计，供读者参考学习。
    本书案例丰富、讲解清晰、版式新颖，适合网页设计师、用户体验设计师、前端页面开发人员阅读使用，同时还可作为各院校相关专业的教材。

    久保田凉子（KUBOTA RYUKO）
    1982年出生于日本广岛县广岛市。毕业于东京女子大学心理学专业。是一位以“产生令人心动的产品、时间、场所”为主题的自由创作者。
    担任从事网页制作业务的Coco-Factory公司的法人，创作者集团ROOT的法人。
    在数字好莱坞STUDIO涉谷、以及广岛讲师开展在线讲座并从事教材的便携，还涉足多项公开研究课程的开发。
    其担任了多国不同领域企业的网站设计总监，还担任一些知名企业的设计顾问。 此外，还担任过不同展会活动的监制。

本书的使用方法

PART　0 网页设计基础知识
01网页设计基础知识
02网页的结构和工作流程
03在网页中加入设计部件
专栏 关于网页
04网页中所用的图像
05网页设计与文字版式
专栏 设计小窍门
06色彩的基础知识
专栏 通过调整补色让照片的色调更加理想
专栏 颜色搭配方法的参考网站
专栏 用于判断色觉异常患者所看颜色效果的工具
专栏 在醒目位置或页面按钮上反映出颜色的印象
07配色的基础知识
专栏 可供参考的网页设计网站

PART　1 从风格方面进行网页设计
01源自可爱的萌动设计
02充满活力的流行风格设计
03洋溢着雅致高端气息的设计
04自然柔和的设计
05炫酷先进的设计
06信任可靠的设计
07复古怀旧的设计
专栏 复古风格的字体在CSS中的表现方法
08古典高雅的设计
09日式和风的设计
10透明感的设计
11面向儿童用户的设计
12女人味的设计
13男人味的设计
14高级感的设计
15让食物看起来更美味的设计
16带有季节感的设计
专栏 可商用的摄影素材网站

PART　2 从配色方面进行网页设计
01基于标志、品牌颜色的配色
02以黄色为基调的配色
03以橙色为基调的配色
04以红色为基调的配色
05以粉色为基调的配色
06以紫色为基调的配色
07以蓝色为基调的配色
08以绿色为基调的配色
09以茶色为基调的配色
10以白色和灰色为基调的配色
11以黑色为基调的配色
12与色调相结合的配色
专栏 配色生成器与插件

PART　3 从不同行业、领域方面进行网页设计
01西餐厅、咖啡店类网站的网页设计
02医疗机构类网站的网页设计
03流行时尚类网站的网页设计
04美容、美发类网站的网页设计
05艺术节、展览类网站的网页设计
06音乐类网站的网页设计
07动画、游戏类网站的网页设计
08职业资格类网站的网页设计
09学校、幼儿园类网站的网页设计
10艺术类网站的网页设计
11新闻、门户类网站的网页设计
12电子商务类网站的网页设计
专栏 电子商务网站与平台
13企业类网站的网页设计
14体育健身类网站的网页设计
15引导页的网页设计
专栏 提供引导页参考的网站
专栏 将使用目的与网页设计结合起来的方法

PART　4 从版式、构图方面进行网页设计
01网格型版式
专栏 在Photoshop中轻松制作参考线
02卡片、瓷砖型版式
03单专栏型版式
04双专栏型版式
05组合专栏型版式
06全屏型版式
07脱离网格型版式
08自由型版式
专栏 版式设计的4个法则

PART　5 使用素材、字体、程序的设计
01以图像素材为主体的设计
专栏 丰富的视差效果带来的魅力
02使用抠图照片的设计
03使用纹理材质的设计
04使用装饰素材的设计
05使用手绘插图的设计
06使用文字版式的设计
07有效运用视频的设计
08带有动态特效的设计
09展示数据图像的设计
专栏 能够轻松制作出统计图和图表的Java Script库
专栏 Font Awsome的导入方法

PART　6 网页设计的趋势
01响应式网页设计
02网页字体
专栏 提供网页字体服务的网站
03分屏式设计
04扁平化设计和材料设计
专栏 采用材料设计语言的示例网站
05微交互式设计
专栏 从手机APP的UI中学习微交互的应用
06品牌主视觉设计
07视差设计
专栏 能够实现视差效果的jQuery插件示例
08双色调设计
专栏 双色调图像的制作方法
09文字竖排的版式设计
专栏 使用可更新编辑的WordPress

PART　7 网页各个要素的设计
01页眉
02全局导航栏
03标题
04按钮、图标
05表格
06填写项目
07页脚
专栏 收藏夹图标的设置方法