页面设计图标规范大全集，页面图案设计
微信公众号的设计规范(比如图标的大小,图片的尺寸,字号等
1、微信公众号设计规范要求标题字数控制在15字以内，避免超过一行，字体选用微软雅黑。正文采用14号字，小标题应设置为16号并加粗，注释使用12号字。行间距设置在5至75倍之间，字间距保持为1，文字布局两端对齐，首行无需缩进，段落间距空出一行。注意避免文字颜色超过三种，确保有适当的空白空间。
2、一般公众号头像在资料页面是显示“圆形”图标。而在微信消息列表页面却是显示“正方形”的图标。：2 公众号头像尺寸、大小：无要求、最好正方形 200X200 或 300 X 300 宽、也可自行调整尺寸，高相等即可。公众号头像格式：图片只能以 bmp、jpeg、jpg、GIF 格式上传，大小2M以内。
3、微信公众平台对封面图片的尺寸要求为一级图片宽900像素、高500像素，二级图片宽200像素、高200像素。支持的图片格式包括jpg、png和gif，文件大小不得超过5M。上传后的图片将自动压缩至宽640像素。 正文中的图片没有具体的尺寸限制，建议宽度设置为900像素，高度自定义。
4、自己上传头像，限制是正方形264x264，图片格式必须是bmp，jpeg，jpg，gif格式，图片大小不可大于2M，上传以后有缩略图看效果，可在线裁剪和调整。之后应用的时候系统会把图标自动按1：1比例缩校。
大厂UI标签栏动效图标设计规范及案例分享
1、大厂UI标签栏动效图标设计规范主要包括以下几点，并附上相关案例分享：尺寸规范：iOS平台：推荐尺寸为98px，以适应全面屏设备，确保图标在不同设备上的清晰度和一致性。数量建议：标签栏中的图标数量建议控制在35个，避免过多导致操作困难，影响用户体验。样式选择：图标+文字：结合文字提示，图标可以更具创意，同时提供明确的操作指引。
2、标签栏设计规范：尺寸上，iOS推荐98px（@2x），以适应全面屏；数量上，建议3-5个，避免过多导致操作困难。标签栏样式多样：图标+文字、纯图标、纯文字，各有利弊。图标+文字结合文字提示，图标可更具创意。纯图标识别度高，但用户可能需时间理解。纯文字直观易用，适合不同用户群体。
3、UI动效设计类型主要包括以下几种：旋转动效：描述：通过图标或元素的角度旋转来实现切换效果，模拟实物晃动，营造自然亲切感。应用：常见于界面操作中的切换效果，如选项卡切换、按钮点击反馈等。填充动效：描述：涉及图标颜色的过渡，适用于选中后的面性图标，可以局部或整体填充，流畅自然。
4、动效设计需要通过精准的视觉制作才能传递正确的带入感，不仅要做动画节奏，还要设计带入体验式的情感。“杯中遥吟之歌”活动，整体采用青春风设计，以蓝绿色调为主，主题元素以“风”为主，静态图片结合动效入场，采用渐变溶解的生长动画搭配设计。
5、旋转 旋转动效是我们在操作界面的过程中比较常见的动效类型，它主要是切换过程中图标或其中元素的角度旋转，是针对具体图标做的巧妙设计。很多APP的图标设计中都使用了旋转的效果来模拟实物的晃动感觉，让用户觉得亲切自然。
6、第一次接触“吃货笔记”就被页面整体设计风格吸引。粗线图标+拟物图标形式空前新潮，给人眼前一亮的感觉。标签栏选中图标、金刚区、空状态图标用色很鲜明，均采用3D质感表现形式，能看出设计上面下了很多功夫 腾讯-NokNok 游戏社交平台 这个产品比较有意思的是他的整体视觉风格-像素化风格。
大厂UI设计规范详解:文字、色彩、圆角、布局、图标…(转)
圆角可以增强界面的友好感和柔和度。统一的圆角大小有助于保持整体界面的协调性。布局规范：盒子模型：利用盒子模型来组织页面元素，确保布局的一致性和灵活性。导航设计：根据产品特点选择合适的导航方式，如顶部导航、侧边导航或混合导航，并考虑其优缺点。图标规范：尺寸：图标大小需与整体界面相协调。
文字规范在UI设计中至关重要，涉及字体、字重、字号、行高和颜色，强调简洁和一致性。色彩规范则要覆盖所有场景，包括主色、语义色和中性色，同时采用HCL色彩空间确保颜色感知的一致性。
栅格系统基于平面设计，提高设计效率和响应性。间距遵循8点网格，确保视觉一致性。图标和文案的统一是提升用户体验的关键。组件库：组件库是UI设计的基石，通过基础组件与业务组件的区分，为C端和B端提供交互与视觉的平衡。定期维护和推广组件库，确保其适应业务变化。
iOS界面规范 界面尺寸： 中码设备尺寸为750px * 1334px，Plus版本尺寸为1242px * 2208px，两者间为5倍关系。 状态栏：高度为40px。 导航栏：高度为88px。 底部栏：高度为98px。 图标：最小点击图标不能小于44px，一般大小为58px，圆角为12px。
圆角在字形设计中，是指在笔画相交或转折处，为字形增添细节的方法。它有内、外圆角之分。在字形制作过程中，添加圆角可以提升精致感，但需适度，否则会降低字形的干净利落，显得复杂，缺失简约之美。并不是所有字形都适合添加圆角，需视字形风格而定。
需要在规范中分别罗列出这五个状态，标注上对应的按钮填充色、边框色、圆角值、按钮宽度和高度，按钮文本大小、颜色值。如果是图标按钮的话，除了上述参数值以外还需要标注icon和按钮文本之间的间距和icon图标的大小。
Logo的尺寸大小和像素
1、网站及企业logo的尺寸大小和像素要求如下：网站LOGO的标准尺寸 全尺寸banner：标准的尺寸为468*60px，这种尺寸常用于网站首页或重要页面的顶部横幅广告。半尺寸banner：尺寸为234*60px，是全尺寸banner的一半，适用于一些次要页面或需要较小广告空间的场景。
2、在拼多多平台上，店铺Logo的标准尺寸为200像素宽和200像素高。这一尺寸能够确保Logo在店铺页面上的显示既清晰又整齐。若要恢复店铺Logo至默认状态，请按照以下步骤操作： 登录拼多多店铺后台。使用您的拼多多账号登录至拼多多的商家管理页面。 进入店铺设置。
3、店铺LOGO尺寸需大于或等于240*240像素，格式为JPG/PNG，长宽比1：1，大小不超过2M。推荐尺寸为800*800像素。店铺招牌尺寸需大于或等于750*288像素，格式为JPG/PNG，大小小于10M。特型招牌尺寸需为MP4格式，比例16：9，文件大小不超过20M，尺寸为750*450像素。
4、一般网页LOGO的标准尺寸是88乘以31像素。以下是对网页LOGO尺寸及相关内容的详细解网站LOGO的标准尺寸 小banner尺寸：88乘以31像素。这是目前最为常见的网站LOGO尺寸，适用于大多数网站的首页和其他页面。其他常见的LOGO和Banner尺寸 全尺寸banner：468乘以60像素。
5、小图标标准尺寸：包括120*90像素和120*60像素。这些尺寸适用于网站上的小图标或按钮。此外，需要注意的是：企业/组织Logo大小：通常不限定具体大小，可以根据品牌需求和设计美观性进行调整。
6、ps调整图片中logo大小方法：直接把需要变小的logo用ps打开，然后ctrl+j建立一个副本。方法/步骤 打开电脑中的PS应用进入后，新建画布，在左侧选择文字工具的图标进入。输入文字后并全选文字，点击顶部的字号，在下方的字号中。logo尺寸 常见的标准尺寸有110×38（像素），88×31（像素）等几种。
产品界面原型设计排版规则?
1、在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。
2、第一， 原型大小，指的是在Axure中对应的长宽。规范的移动端页面大小为：宽度375*高度667（单位为px，本文中，所有的数字单位均为px，隐去不写），当然，如果页面比较长，比如首页，可以无视667这个要求，把该有的内容都制作出来即可。
3、整个界面色彩尽量少的使用类别不同的颜色 三：（Resource）资源 一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。
4、第三步：上色/UI界面设计 当原型图做好以后，可以开始交给设计师做UI设计，设计师会根据原型图的布局进行上色设计，但是不局限于原型图，优秀的设计师不会按部就班执行，会根据自己的经验适度做一些细节布局上的更改，此举的目的是为了提高界面美观和用户体验度。
