尼尔森十大设计原则

3.遵循标准化设计规范界面设计应该遵循行业的标准化设计规范,符合用户的习惯和期望,减少用户的认知负担和学习成本。例如:网页设计中遵循WebContentAccessibilityGuidelines(WCAG)等国际标准,移动应用设计中遵循iOSHumanInterfaceGuidelines或MaterialDesign等平台规范。4.统一的图标和符号界面中使用的图标和符号...

ICON设计规范之图标尺寸

在界面图标设计中最常用尺寸有:12×12、16×16、24×24、32×32、48×48等,这里的建议是以48px作为常规图标的设计尺寸,因为iOS界面中的网格大小是4的倍数,苹果规范要求最小点击面积为44pt;安卓的网格是8的倍数,最小操作热区为48dp。另外,@2x下作图要保证是4的倍数,这样可以整除2,适配@1x的屏幕;@3x下作...

设计师必看!超全面的图标基础知识

Android启动图标keyline线规范:创安卓MaterialDesign要求的基本尺寸说48dp,但这是1:1的尺寸,也是原始尺寸,而绘制时要求是基础尺寸的400%,也就是192dp,与之相对应的网格基准由1px变为4px。通过保持此比率,对原始图像所做的任何更改都将按比例放大或缩小,从而在比例值返回到100%(48dp)时保留锐边...

还不会画图标,这篇解答你所有问题!

MD的栅格规范,是我对比多个规范后包含内容较全,且通用的,同学们可以按照这个尺寸绘制,栅格的绘制建议使用0.1/0.2像素,不会影响使用时对图标的识别。相同半径的圆会比正方形看起来小,所以在绘制栅格的时候就要对稍稍对圆形进行放大,使他们对视觉面积保持一致。3.多案例对比在调研时,我们参考了MD/IBM/Ant/Sho...

如何搭建HMI:设计规范(下)

谷歌AndroidAuto图标大小规范:基础的图标:主图标:44px,次要图标:36px,第三方图标:24px;头像的使用:小头像:56px,中头像:76px,大头像:96px;百度车载生态开放平台下载了他们组件库,进行了研究;基础为图标:48px次要图标40px(最小图标尺寸)。

Get了这10点UI设计规范,你也能成为优秀的UI设计师

应用图标：各种应用程序的识别标志，在应用商店里下载的一些应用程序的标志(www.e993.com)2024年11月20日。功能图标：规范中最好标明图标格式与使用方式。比如Web设计，图片可以使用iconfont管理，可生成代码交付给前端开发；如果是原生APP，那么需要标注图标导出格式与尺寸。5.图片规范图片作为界面设计的重要组成部分，需要标明尺寸规范，分为不...

县级融媒体中心省级技术平台规范要求

a)支持县级融媒体中心对接民生平台,提供各类生活服务.具体功能要求应符合《县级融媒体中心建设规范》中6.5.4的规定;b)为县级融媒体中心开展文化服务提供平台支撑,具体功能要求应符合《县级融媒体中心建设规范》中6.5.5的规定;c)为县级融媒体中心开展教育服务提供平台支撑,具体功能要求应符合《县级融媒体中心...

超全面!ios设计规范,收藏这一篇就够了!

根据App的定位与风格,图片可以横置或竖置,不同的图片尺寸也可以同时使用,以增强画面的丰富性,常用的图片尺寸比例为1∶1、3∶4、2∶3、16∶9、16∶10等,如图所示。“图标规范”每个应用程序都需要一套系统图标,例如iOS的UI主图标可以在AppStore中引起用户的注意,并在主屏幕中脱颖而出,加深用户对应用程序...

图标篇|图标设计必备的基础知识!

2.图标keyline为保持图标视觉上的一致性和平衡感,需要先绘制keyline用来指导、规范图标设计。keyline由圆形、正方形、长方形-横、长方形-竖、三角形和对角线组成,网格的大小需保持4的倍数,便于不同尺寸的图标都能适配,可使用24*24px的网格尺寸为基准,其他尺寸的图标可通过增加倍数以此类推,如48*48px、72*72px...

经验|教您一步步建立UI设计规范!

图标规范通常来说会先定一些基础尺寸,梳理好各个页面的图标尺寸,进行整合,最后确定好几个基础尺寸,比如我这里的基础尺寸是4个。功能层级一致的图标尺寸要一致。为了保证不同形状的图标在视觉上保持大小一致,会制作一个图标的基础制作说明。制作说明里会统一图标的圆角、描边的粗细;如果是涉及到展示性图标的话,还会有...