ui设计手机端 PC端

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

色相

色彩感受

传递情感

红色

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

力量、青春、重要性

橙色

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

友好、能量、独一无二

扫描二维码关注公众号,回复: 5105320 查看本文章

黄色

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

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

绿色

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

增长、稳定、环保主题

蓝色

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

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

紫色

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

奢华、浪漫、女性化

黑色

深沉、黑暗、现代感

力量、柔顺、复杂

白色

朴素、纯洁、清爽、干净

简捷、简单、纯净

灰色

冷静、中立

形式、忧郁

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

  • 了解设计原则

  • 了解交互模式

  • 了解交互元素及其功能

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


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

移动端设计不用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
今日推荐