网站页面的构成元素:文字 图形符号 图片 多媒体(动画声音视频) 色彩
色相 |
色彩感受 |
传递情感 |
红色 |
血气、热情、主动、节庆、愤怒 |
力量、青春、重要性 |
橙色 |
欢乐、信任、活力、新鲜、秋天 |
友好、能量、独一无二
扫描二维码关注公众号,回复:
5105320 查看本文章
|
黄色 |
温暖、透明、快乐、希望、智慧、辉煌 |
幸福、热情、复古(深色调) |
绿色 |
健康、生命、和平、宁静、安全感 |
增长、稳定、环保主题 |
蓝色 |
可靠、力量、冷静、信用、永恒、清爽、专业 |
平静、安全、开放、可靠性 |
紫色 |
智慧、想象、神秘、高尚、优雅 |
奢华、浪漫、女性化 |
黑色 |
深沉、黑暗、现代感 |
力量、柔顺、复杂 |
白色 |
朴素、纯洁、清爽、干净 |
简捷、简单、纯净 |
灰色 |
冷静、中立 |
形式、忧郁 |
移动端设计流程:
一.出发点
-
了解设计原则
-
了解交互模式
-
了解交互元素及其功能
二.分析(用户需求分析、用户交互场景分析、竞争产品分析)
三、设计(面向场景、面向事件、面向对象的设计方法)
四、开发
五、验证
功能性对照,实用性内部测试
移动端设计不用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