网站页面的构成元素:文字 图形符号 图片 多媒体(动画声音视频) 色彩
色相 | 色彩感受 | 传递情感 |
红色 | 血气、热情、主动、节庆、愤怒 | 力量、青春、重要性 |
橙色 | 欢乐、信任、活力、新鲜、秋天 | 友好、能量、独一无二 |
黄色 | 温暖、透明、快乐、希望、智慧、辉煌 | 幸福、热情、复古(深色调) |
绿色 | 健康、生命、和平、宁静、安全感 | 增长、稳定、环保主题 |
蓝色 | 可靠、力量、冷静、信用、永恒、清爽、专业 | 平静、安全、开放、可靠性 |
紫色 | 智慧、想象、神秘、高尚、优雅 | 奢华、浪漫、女性化 |
黑色 | 深沉、黑暗、现代感 | 力量、柔顺、复杂 |
白色 | 朴素、纯洁、清爽、干净 | 简捷、简单、纯净 |
灰色 | 冷静、中立 | 形式、忧郁 |
移动端设计流程:
一.出发点
-
了解设计原则
-
了解交互模式
-
了解交互元素及其功能
二.分析(用户需求分析、用户交互场景分析、竞争产品分析)
三、设计(面向场景、面向事件、面向对象的设计方法)
四、开发
五、验证
功能性对照,实用性内部测试
移动端设计不用ps重字体加粗功能,常用苹方,STHeiti,Helvetica Neue等字体本身提供了粗细选择。
pc端
主体内容字体默认宋体(字体类型、配色不超过三种),一般12或14px。导航和标题可使用18px或更大,字间距一般1-1.5倍,正文颜色为深灰色(建议#333333或#666666)
页脚部分的内容,如许可证书、版权信息或备案编号等,各超链接之间统一用“|”或者空格,禁止使用加粗字体。
手机端字体:
-
导航栏标题34-42px,一般34或36
-
标签栏文字20-24px,ios自带应用都是20px
-
正文28-36px,正文样式在大字号下使用34,最小不小于22
-
一般情况下每一档文字大小设置的字体大小和行间距差异是2px,为区分标题和正文字体差异至少为4px