锐客网

  1. 首页 > 睿知 > >

常见UI设计规范，UI设计规范都有哪些

经验分享睿知

1 ， UI设计规范都有哪些轴在UI设计中是最基本、最常见的概念 ， 也是用来组织界面结构的重要核心 。简单说来，轴是在设计的时候组织一系列元素的假象线 ， 在下面的设计图中，轴以虚线的方式被标注出来 。1、对齐轴最常见于对称元素的使用，当元素被布置成轴对称的布局的时候，会给人有序感 。就像生活中绝大多数的事情一样，我们更倾向于享受有序的的东西，它们令人感觉平稳、舒适、平易近人 。最简单的一个例子就是iTunes 程序中的专辑列表的设计，所有的专辑列表在界面的左侧保持对齐 ， 围绕虚线轴轴对称 。2、强化虽然轴是一条假想的线 ， 但是如果周围的元素的边缘控制得足够整齐，这跳线会在视觉中变得更加“明显”的 。最好的例子是城市中的路灯构成了道路两旁建筑物之间的轴，如果一边有建筑一边没有，那么这种轴线的感觉不会那么强烈 。从产品设计的角度上来看，Twitter 的时间线设计就是一个很好的案例，左侧的头像和右侧的推文共同塑造出缝隙中轴线的感觉 。3、运动当我们碰到某先线条的时候，视觉会很自然地沿着这些方向运动，就如同我们站在街上，会自觉地沿着街道的两头走动 。两个端点决定了线，界定了开始和结束的地方，线 ， 或者说轴线的存在会引导和提示运动的方向 。SoundCloud中，音轨沿着一条既定的水平轴线运动，随着音乐的播放，音轨自然地自左向右匀速运动 。4、连续性如果终点是不确定的 ， 那么你通常会沿着轴线的方向浏览/运动，直到你找到感兴趣的东西，或者感到厌倦并关闭应用 。在建筑学中 ， 未清楚界定的终点非常少见，因为建筑的修建通常没法永远持续下去，但是UI设计则不一样，无限地滚动下去是无比受欢迎的设计手法 。Pinterest的APP中就是这样做的，持续不断的图片沿着中轴线的方向持续不断地滚动下去，只要你有兴趣一直观看下去 。二、对称当元素被均匀地放置在轴线的两侧之时，他们构成了对称的关系 。当元素被精准地在轴线两侧一一对应之时，它们就形成了完美对称 。
2，移动ui设计都有什么规则原则一：内容优先界面布局应以内容为核心，提供符合用户期望的内容 。原则二：为触摸而设计界面的设计交互系统以自然手势为基础构建 ， 符合人体工程学保存一致性 。原则三：转换输入方式使用各种手机的设备特性和设计手段 ， 减少在应用内的文字输入 。原则四：流畅性保持应用交互的手指及手势的操作流、用户的注意流和界面反馈专场的流畅性 。原则五：多通道设计发挥设备的多通道特性、协同的多通道界面和交互，让用户更有真实感和沉浸感 。原则六：易学性保持界面架构简单、明了，导航设计清晰易理解，操作简单可见 ， 通过界面元素表意的和界面提供的线索就能让用户清楚地知道其操作方式 。原则七：为中断而设计考虑应用的使用情景，确保在各个产生出中断的情境下，让用户恢复之前的操作 ， 保持用户的劳动付出 。原则八：智能有爱给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计 。移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准，应用美术心 理 学，界 面 交互设计等 。AAA数字教育的UI设计课程包括UI设计，平 面 设计 ， 动效设计等内容 。1.移动ui设计师就是各种移动设备所使用的系统及软件的用户界面设计师 。2.移动设备包括手机、平板、导航仪、智能手表等 。3.主要设计内容为人机交互、操作逻辑、界面美观的整体设计 。4.ui就是user interface用户界面的意思 。移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准，应用美术心 理 学，界 面 交互设计等 。像 AAA 教育的UI设计课程包括UI设计，平 面 设计，动效设计等内容 。望采纳，谢谢~移动UI设计需要注意的是各种平台的设计规范和要求 。IOS和安卓的设计 就 需要不同的标准，应用美术心 理 学，界 面 交互设计等 。千锋UI设计课程包括UI设计 ， 平 面 设计，动效设计等内容 。【常见UI设计规范，UI设计规范都有哪些】
3 ， UI设计作品的评判标准有哪些一套完整的UI设计其实是比较复杂的，从需求分析到市场定位 ， 从草稿到拟方案，从创意元素的组合到想法沉淀，从设计规范到突破传统，从纸上到电脑上，从个人到团队 ， 或者从团队到个人，从素材收集到素材处理，从0思路到偶然，等等，其实设计一个东西真的真的会碰到太多太多的问题，这么复杂的过程，做出来的东西，其实别人看到的都只是“表面”，设计者也不会将自己内心真正的东西暴露出来，因此大多数人不能完完全全理解一个作品真正想要表达的东西，所以，不要把一个作品的好坏完全依赖于别人的评价，也不要依赖于自我评价 。当然，好坏还是有一些基本前提的 ， 有了这些前提，作品是好还是坏，萝卜各有所爱罢了 。如果没有一些前提，只是个半吊子而已了，就算自己怎么再说自己的风格，其实在别人眼里是一个小小的笑话，有点倔强的逃避而已 。下面就说下一些个人认为的小标准，这些都是自己概括的 ， 不是什么专家理论或者网络理论，慎重参考哦，我归纳了8点：1.色彩舒适度一个第一眼看上去就杂七杂八色彩，或者完全没有主次之分的简洁，或者看上去就没有视觉舒适度的饱和度或者明暗度不搭调的色彩，我想它已经没法继续长久看下去了 。因为人第一眼看到的，就是一个事物的颜色，才是形状 。2.文字的主次任何设计作品都要传达信息传达思想 ， 如果一套设计中字体乱啪啪，文字大小和文字粗细，间距行距都没有一个“主次逻辑”，我很难挖掘到自己想要的信息，不论设计是酷炫复杂的还是简洁清爽的，光能展现信息时远远不够的，信息文字的每一个细节，都决定了一个设计要传达的思想主次，记住，你是要引导别人去看，而不是别人引导你去设计 。这世上没有一个真正定死的文字标准，但是最基本的，至少让别人看清你的文字是写的什么吧，所以，文字之间的不同色彩，也是能让文字主次突出的方面3.信息可读性有了文字基础 ， 处理好每个模块的布局，色块，插图 ， 背景等方面，会让你的信息有较强的可读性 。别跟着你的爱好走：我喜欢酷炫，我喜欢简洁，我喜欢优雅，我喜欢二货 。把设计作品中你最想传达的信息传达出去，就算某些信息被别人忽略了，你依然是成功的 。如果用户连看都不想看，连最基本的信息都没法传达，那作品的任何风格，都只是口头吹嘘 。你要定好你的目标用户，你想吃遍全中国乃至全世界，全行业?除非，没有除非了 。4.UI识别性这一点在图标上味道非常浓，不论你设计的是扁平化还是拟物化还是梵高风格，不一定要3秒看出图标的意思，也要让人欣赏这个图标美感的同时，大概“心里知道”，这个图标要传达个什么 。一个网站banner的设计，一个页面的导航设计，都要考虑到识别性，你想传达这个图像的什么内涵?你这个图形的意图是什么?都是设计者需要考虑的 。5.交互性与易用性上面的工作都做得差不多了，剩下的就是使用了 。不论是手机主题还是网站设计还是APP还是游戏，要让别人快速上手，能玩，能用，甚至用的简单 ， 玩的简单，就算你采用银河系都没有的酷炫交互，或者采用地球上已经濒临灭绝的土逼设计，达到方便使用的优良品质，你的作品再牛逼到没法看，也有牛逼的地方能看 。6.思想，生活的传达作品是什么样 ， 一般能从另一个层面看出一些设计师对生活对工作对感情的态度和状态，所以别小看一个作品的力量，它可能就是传达你自己真实内心的一个媒介，可能你并未发现，但是旁观者已经发现你了 。所以说 ， 融入生活得设计是比较难的，同时 ， 也是最容易的 ， 你是否把你最粗心最让人厌倦的一面暴露到设计作品中?是否把你最细致入微最耐人寻味的一面传达到用户心里?一张图就可以看出(当然这不代表全部?。?某些设计师的作品看几天你也看不出他是什么人过着什么生活的)7.微小的细节和微小的创意别说这个东西就是你创造的，因为上帝比你创造的还早 。UI设计中一根线，一像素，色彩饱和度的细微差别，一个小渐变，一个字体的选择，画布的大?。帽实拇窒福?这些小细节，虽然不是人人都能说得出 ， 但是能第一眼“看在心里，感觉到骨子里”，所以就算不说，细节也是能让任何人第一时间感觉到的 ， 别忽视每一个小细节，它说不定就是你成功的堡垒，也是一有机会就让你失败的利箭 。细节中，你就能诞生一些微小的创意 ， 小创意创造大创意，没有细节，何谈创意?那就只是纸上谈兵，口说无凭 。8.生活中表现手法的引用一个简单的视差，一个简单的坠落，一个简单的玻璃破碎，一个简单的树叶飘落，一张纸简单的角度摆设，一盆植物简单的远近拍摄，这些东西，都能创造你无穷的表现手法 ， 当然，这也是比较难的，能将生活融入设计，是需要积攒的，不是一两天能体会到的 。如果还想要更多的概括 ， 那么 。。额 ， 那么暂时没有了 ， 因为我现在的水平只能感觉到这么多，还无法感知到更多，说不定以后可以感知更多，哈哈 。总结：别开口闭口评价一个设计作品的好坏，作品本不分好坏 ， 它是每个真实的设计师的心声，萝卜各有所爱 。一些基础的小标准可以看出这个设计者把这个作品设计得“是好还是坏” 。连一些基础标准都没用心去达到的，或许，也没必要去评价那个UI设计作品了 。因为那个作品，并没有想要别人去评价它好坏的意图 。何必呢?一、交互性和易用性 。UI设计是非常注重交互的，因为一定要让用户满意，让他们在使用的过程中不会有很多的疑惑 。如果你的设计很炫，但是用户完全搞不懂，这也是没有用的，所以说设计的一定要简单易上手 。
4，UI设计网页设计字体规范应该要注意什么可以参考常规字体的使用规范：1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案 。字体用的太多，越显得不够专业 。2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性 。3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配，等 。扩展资料：网页设计1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型 。2、以业务目标为中心进行功能策划，制作出栏目结构关系图 。3、以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例 。4、以页面精美化设计为目标 ， 使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化 。5、根据用户反馈，进行页面设计调整，以达到最优效果 。参考资料来源：搜狗百科-UI设计参考资料来源：搜狗百科-网页设计 （网站技术）下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁 ， 这款字无论是放大还是缩小，形体都非常的规整舒服 。在设计过程中建议多使用雅黑 ， 大标题用加粗字体，正文用常规字体 。方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中 。但这种字体不适用于正文中，因为边缘相对比较的复杂 ， 文字一多会影响用户的阅读 。方正兰亭系列：整个兰亭系列的字体有大黑、准黑、纤黑超细黑等 。因笔画清晰简洁 ， 这个系类的字体就足以满足排版设计的需要 。可以通过对这个系列的不同字体进行组合 ， 不仅能保证字体的统一感，还能很好的区分出文本的层次 。汉仪菱心简/造字工房力黑/造字工房劲黑：在这几个字体中，他们有着共同的特点，字体非常的有力而厚实 。基本都是以直线和斜线为主 。适合广告和专题使用 。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力 。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角 。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛 。而劲黑这款字体相对更为厚重和方正 。这类字体使用在大图中偏多，效果比较突出 。宋体：Win最常见的字体，小字体点阵，大字体TrueType,但是大字体并不好看 ， 所以最好别做标题 。适用于复古，典雅，传统，品质，灵动等主题 。Arial：Helvetica的「克隆」，和Helvetica非常像 ， 细节，上比如R和G有小小差别 。如果字号太?。?文字太多，看起来会有些累眼 。Win和Mac显 示都正常 。扩展资料UI设计规范：网页的布局主要有两种：左右布局和居中布局 。布局不一样使设计的空间也不相同 。⑴、左右布局，灵活性强，UI限制?。蛔笥彝ɡ肝己嚼福?宽度没具体限制 ， 可根据实际情况调整；右侧为内容板块范围，是网站内容展示区域 。⑵、居中布局，中间的深色部分为有效的显示局域 ， 用于网站内容的展示；两边留白没实际用图 ， 只是为适配而存在当前最流行的分辨率是1920px*1080px的，所以建议创建网页尺寸为1920px*1080px，页面中心区域常设置为1200px（或1000px -1400px区间），以这个尺寸来设计相对标准 。每个屏幕的高度约为900px 。因为1080还要减去浏览器头部和底部高度，大约就是900px了 。网站的字体大小并没有硬性规定具体的字号，根据实际情况可以酌情考虑，但是要使用偶数字号 。1、字体规格也不需要太多，最多使用三种混搭，当一个页面中使用的字体超过 3 种时，会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉 。2、层次的区别，可以改变字体颜色或加粗来体现 。3、字体优先使用各操作系统默认的字体 。字体选择有版权、笔画严谨、清晰可读、经典 。很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距而困扰 。下面分享一些界面中常用的字体，字号，字体颜色及间距对齐的一些小经验 。希望能对大家有些帮助 。1. 常规字体的使用规范在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下 ， 只需要一种字体贯穿全文，通过对字体放大来强调重点文案 。字体用的太多，越显得不够专业 。不同的样式的字体，形状或系列最好相同，保证字体风格的一致性 。字体与背景的层次要分明,确保字体样式与色调气氛相匹配2. 界面中文字使用的规则在不同平台的界面设计规范中的字体会有不同，像移动界面的设计就会有固定的字体样式 。网页中会有常用的几个字体移动端常用的的字号--导航主标题字号：40-42px ， 偏小的40px字号，显得精致些在内文展示中字号大小--大的正文字号32px,，副文是26px ， 小字20px，在内文的使用中，根据不同类型的App会有所区别 。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗 。而列表形式、工具化的APP普遍是正文32px，不加粗 。副文案26px,小字20px，26px的字号还会用于划分类别的提示文案，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导 。36px的字号还经常运用在页面的大按钮中 。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体 。3. 在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的 。这个详细缘由大家可以网上查询，我就不在这一一的介绍了 。4. 常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理 。这种更高的要求设计师的全局把控能力了 。5. 网页端常用的字号有哪些呢？网页中文字字号一般都是宋体12px或14px(无状态)，大号字体用微软雅黑或黑体 。大号字体是18px、20px、26px、30px，一般使用双数字号，单数的字体在显示的时候会有毛边 。常用的字体①平平稳稳:微软雅黑/方正中黑微软雅黑系列：在网页设计中这款字体使用的非常平凡，这款只无论是放大还是缩小 ， 形体都非常的规整舒服 。在设计过程中建议多使用雅黑，大标题用加粗字体 ， 正文用常规字体 。方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中 。但这种字体不适用于正文中，因为边缘相对比较的复杂 ， 文字一多会影响用户的阅读 。②与时俱进：方正兰亭系列方正兰亭系列: 个人最推荐的就是这个系类的字体，整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等 。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要 。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次 。③.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑在这几个字体中，他们有着共同的特点，字体非常的有力而厚实 。基本都是以直线和斜线为主 。适合广告和专题使用 。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力 。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角 。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛 。而劲黑这款字体相对更为厚重和方正 。这类字体使用在大图中偏多，效果比较突出 。该字体字形如下图，是可以作为网页默认字体的 。

    推荐阅读


    上一篇：安卓安装包的后缀是什么意思，Android安装包的后缀名是

    下一篇：安卓图库隐藏缓存图片,手机出现系统问题安卓手机图库已被修复