移动UI设计
生一先生
这个作者很懒,什么都没留下…
展开
-
移动UI设计有哪些图片运用
1,常见图片长宽比例 1 比 1:是比较常见的图片设计比例,相同的长宽比例将构图变得简单而规范, 常用于产品、头像、特写等展示模块。4 比 3 是常用图片比例之一,通常该比例的图片会作为界面的主体,或在文章 中以插图的形式出现。16 比 9:该比例的图片可以呈现观影般的视觉效果,是很多新闻资讯或视频播放APP 常用的尺寸之一,能带给用户开阔的视觉体验。 该比例的图片可以呈现观影般的视觉效果,是很多新闻资讯或视频播放APP 常用的尺寸之一,能带给用户开阔的视觉体验。2 图片排版原创 2021-06-18 16:33:03 · 194 阅读 · 0 评论 -
移动UI 设计有哪些文字规范
移动UI 设计中的文字规范主要有哪些呢,其实主要分三类,他们分别是-----1.iOS 系统字体 iOS 8 系统使用的中文字体是华文黑体,英文和数字字体是 Helvetica Neue;在系统升级至 iOS 9 后,中文字体改为了苹方,英文和数字字体改为了 San Francisco。苹方字体提供了Bold(粗体)、Extralight(特细)、Light(细体)、Medium(中等)、 Regular(常规)6 种粗细效果。 设计师在制作界面时可选用Regular(常规)和Bold(粗体)原创 2021-06-18 16:24:47 · 924 阅读 · 0 评论 -
移动UI 设计有哪些色彩级别
界面由各种色彩搭配而成,色彩所占的比例决定了色彩的级别,一般界面的色彩可分为主色、辅助色和点睛色3 个级别。它们的作用不同,应用位置也各有讲究。如图所示。主色: 决定界面色彩基调,能直接影响视觉传达效果和用户情绪,通常占界面视觉比例的75% 左右,一般用在Logo 和导航栏。辅助色:可以是一种或多种色彩,用于辅助主色,使界面更加完整。通常占界面视觉比例的20% 左右,一般用在各种控件、图标和插图上。点睛色:是界面中最为醒目的色彩,通常占界面视觉比例的 5% 左右,一般应用在提示性图标位置。原创 2021-06-18 16:23:04 · 1136 阅读 · 0 评论 -
移动UI设计中的文字如何运用
移动设计中文字也是很重要的一部分,因此关于文字的运用也是有一些门道的,下面给大家分享一下1.衬线体衬线体在笔画的始末位置有额外的装饰,且粗细会因笔画的不同而有所区别,强调笔画的走势及前后联系,这使得前后文有更好的连续性,更适合作为正文字体宋体 字形方正、横细竖粗、撇如刀、捺如扫、点如瓜子等特点,它是通用的印刷体。Garamond 字体兼具美观性和易读性,被誉为“衬线之王”,适合长时间阅读。2.非衬线体 非衬线体笔画粗细基本一致,适合用于标题类需要醒目但又不被长时间阅读的文字,其特点是原创 2021-06-18 16:21:49 · 184 阅读 · 0 评论 -
有哪些比较好用的UI设计网站
移动UI设计师要善于发现美,积极主动地浏览国内外的优秀设计作品,提高自身审美, 并且还要善于积累,养成收集灵感的习惯1.设计交流网站全球最大的综合性设计网站之一 www.behance.net站酷网 是国内最大的综合型设计交流社区之一www.zcool.com.cnUI 中国 是国内最大的UI 交流社区之一,具有很强的专业性。www.ui.cn花瓣网 提供了大量优质的图片素材www.huaban.com2.图标阿里矢量图标提供了阿里旗下多款产品的图标下载服务,具有原创 2021-06-18 16:01:41 · 699 阅读 · 0 评论 -
移动UI 设计有哪些配色技巧
1.同类色搭配 色环上相距0°的色彩为同类色,如蓝与浅蓝,红与粉红等。同类色搭配视觉效果统一、清新、含蓄,如下图 所示。2.互补色搭配 色环中相对的两种色彩互为补色,互补色对比强烈,能传达能量、活力、兴奋等意。选择适合APP 风格的色彩,控制补色的明度、纯度和使用比例,可使界面产生明显的对比和视觉冲击,如下图所示。3.邻近色搭配 色环上处于90°之间的两种色彩为邻近色,如红与黄,绿与蓝等。采用邻近色搭配效果柔和、文静、和谐,但处理不当也会产生单调、模糊的感觉,此时可通过调节色彩的明度和纯度来原创 2021-06-18 15:57:03 · 773 阅读 · 2 评论 -
移动UI 设计---色彩有哪些象征意义
黑色:黑色象征深沉、庄重、严肃、高雅、权威。常用于奢侈品或具有权威特点的APP 中,国家地理APP 就采用了黑色作为界面主色,如下图。 注意:在西方,黑色也有邪恶和死亡的意味,因此涉及医疗健康的APP 中要尽量避免使用黑色。白色:白色象征纯洁、神圣、干净、高雅、婚礼,在一些文艺范、高雅范的APP 中,常使用白色作为界面的主色。 注意:避免界面中白色面积过大会给人疏离、冷漠的感觉。把握好留白的面积,凸显界面的格调,如下图。灰色:灰色象征平凡、诚恳、考究、成熟、悲伤。灰色有多个层次: 较浅的灰色原创 2021-06-18 15:54:55 · 1396 阅读 · 1 评论