ui设计手机端 PC端

网站页面的构成元素:文字  图形符号  图片  多媒体(动画声音视频)  色彩

色相

色彩感受

传递情感

红色

血气、热情、主动、节庆、愤怒

力量、青春、重要性

橙色

欢乐、信任、活力、新鲜、秋天

友好、能量、独一无二

黄色

温暖、透明、快乐、希望、智慧、辉煌

幸福、热情、复古(深色调)

绿色

健康、生命、和平、宁静、安全感

增长、稳定、环保主题

蓝色

可靠、力量、冷静、信用、永恒、清爽、专业

平静、安全、开放、可靠性

紫色

智慧、想象、神秘、高尚、优雅

奢华、浪漫、女性化

黑色

深沉、黑暗、现代感

力量、柔顺、复杂

白色

朴素、纯洁、清爽、干净

简捷、简单、纯净

灰色

冷静、中立

形式、忧郁

移动端设计流程:
一.出发点

  • 了解设计原则

  • 了解交互模式

  • 了解交互元素及其功能

二.分析(用户需求分析、用户交互场景分析、竞争产品分析)
三、设计(面向场景、面向事件、面向对象的设计方法)
四、开发
五、验证


功能性对照,实用性内部测试

移动端设计不用ps重字体加粗功能,常用苹方,STHeiti,Helvetica Neue等字体本身提供了粗细选择。

pc端


主体内容字体默认宋体(字体类型、配色不超过三种),一般12或14px。导航和标题可使用18px或更大,字间距一般1-1.5倍,正文颜色为深灰色(建议#333333或#666666)
页脚部分的内容,如许可证书、版权信息或备案编号等,各超链接之间统一用“|”或者空格,禁止使用加粗字体。

手机端字体:

  1. 导航栏标题34-42px,一般34或36

  2. 标签栏文字20-24px,ios自带应用都是20px

  3. 正文28-36px,正文样式在大字号下使用34,最小不小于22

  4. 一般情况下每一档文字大小设置的字体大小和行间距差异是2px,为区分标题和正文字体差异至少为4px

                                                                                                 

猜你喜欢

转载自blog.csdn.net/weixin_43489242/article/details/84572201