看完《形式感+网页视觉设计创意拓展与快速表现》总结
来源:互联网 发布:彩电销售最优化问题 编辑:程序博客网 时间:2024/06/07 16:59
看完这一本书之后,在设计方面感觉收获很多,对于网页前端也有一定的帮助,这一本书关系到响应式的设计,特别对于大屏幕设计有很多技巧,这一本书真的值得推介。
废话少说,简单写一下看完这一本书的技巧收获。
一、抄现实(针对网页主题来选取适当的实物来排布网页)
第一步:减法,对物体的形态进行简化,删去具体外观,保留实物的基本特征。
第二部:分块,根据物体内部的形态对网页的信息内容进行规划布局。
第三部:加法,还原一些物体的特征核心,添加一些装饰来补充视觉。
二、圆、方、三角
圆:可爱、灵动、有亲和力、有趣、活泼、多变,Q版、欢乐的主题。
方:整洁,呆板生硬,庄重、严肃、情感内敛主题。
三角:尖锐、情感刺激和反差、速度感、运动的、时尚的、动感、不平衡,一些时尚运动品牌或体现速度感、暴力、刺激等主题。
选一个为主型(大的),另外两个分别为辅助(中)和次要(最小的)。
步骤一:打大框架
步骤二:为内容进行布局调整
步骤三:摆文字和图片
三、断臂之美
1.去掉局部
2.选取局部
3.替换局部
步骤一:选择对象
步骤二:断臂手术处理
步骤三:信息位置设想
步骤四:概念图
步骤五:信息排版设定
步骤六:填充内容细化
四、欲擒故纵
1.减弱突出法(缩小或者变淡颜色)
2.留白突出法
五、乾坤大挪移(产生新鲜感)
1.旋转(旋转角度不要超过15°,旋转后的信息要保持在1000像素之内)
整体旋转、背景旋转、综合旋转
2.平移(信息保持在1000像素内)
上下格局(SLOGEN和主视觉都在首屏上方)
左右格局(SLOGEN和主视觉在左侧)
混合格局
六、杂志版式
1.质感轻薄
2.版式强节奏(粗细磅、大小字号、明暗色彩的对比)
3.图片大视觉
七、全屏大视野
1.大图平铺自适应
2.中心定位,两则自适应(背景图要有一定的延展性)
3.单侧定位,中心延展(要保证在1000像素大的时候信息自身排版互不干扰)
4.小切糕全屏响应式(瀑布流设计)
八、文字衣橱(整理信息)
1.一次分类——大关系(文章分段,分析每一段联系,递进?并列?对比?)
2.二次分类——内容语义(每一段里面分析主副标题等)
2.三次分类——关键重点(标出重点字眼)
九、你看起来很好吃(信息的图形化设计)
1.并列型(圆环并列等)
2.对比型(颜色面积对比,环形组合对比,轴线图等)
3.流程型
十、钉钉铆铆(网页中的小装饰)
1.小图标
2.小序号
3.小字(中英文)
4.小手绘(亲和力)
以上是看完本书之后的我简化后的网页设计方法,觉得有用可以买来看,里面还有大量的例子详解,感觉都不错。
- 看完《形式感+网页视觉设计创意拓展与快速表现》总结
- 《形式感+——网页视觉设计创意拓展与快速表现》
- 形式感+——网页视觉设计创意拓展与快速表现
- 网页设计中背景的创意风格与设计趋势!
- WEB网页设计的创意布局与交互设计理论
- 网页核心内容对视觉表现的影响
- 字体设计的形式表现出来
- 业务与表现与设计
- 10个让人惊讶的网页设计创意
- 价格表现与页面设计
- 网页视觉设计基本技巧
- 网页视觉设计小技巧
- android design的创意视觉和设计原则
- 设计模式的分类--以金字塔的形式结构表现
- 网页布局之结构与表现原则
- 最短路总结与拓展
- 第一次看完设计模式的总结
- 视觉冲击力表现技法
- js获得浏览器页面上某一个参数
- hdoj 3996 Gold Mine 【最小割 之 最大权闭合图】
- 数组指针和指针数组的区别
- Ubuntu入门(1): 获取 root 权限
- java中的分页(最基础的方法)
- 看完《形式感+网页视觉设计创意拓展与快速表现》总结
- 爸爸去哪儿第三季之<刘诺一>8.28第八期
- resteasy拦截器,拦截rest请求,修改response header内容
- window7配置Qt
- 判断二叉树是否为子树
- 刘诺一,妈妈,安娜伊思·马田
- 每天一个Linux命令
- 爸爸去哪儿第三季之<刘诺一>8.14第五期第六期
- FZU 1692 Key problem(构造矩阵+矩阵快速幂)