![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
UI设计
文章平均质量分 65
vue学习
这个作者很懒,什么都没留下…
展开
-
UI界面视觉设计之版式布局
UI界面视觉设计要素之版式布局一、网页的板式布局,常见的两种网页布局模式包括F模式和Z模式。1、F模式。画面中,主体文字和图形的排列呈现出F的形态,这种模式往往运用于用户极少逐字阅读文字的情况下,布局常常用来进行小元素的展示,除了顶部展示区外,其他的内容会显得平淡。如果想增加平淡区的吸引,可以加入一些大图标、卡片式的内容组件等,让内容更有趣。这是一副常见的网页设计作品,在这件作品中,我们能够明确看到导航、LOGO、重要内容、次要内容、登录账户操作等常规内容在F模式布局中的具体位置和安排。..原创 2022-03-23 22:46:24 · 6782 阅读 · 0 评论 -
UI界面视觉设计之色彩要素
UI界面视觉设计要素之色彩要素目录 一、色彩设计的基本知识。 1、色彩的三属性2、色彩的冷与暖 3、色环4、色调5、色彩对人的心理作用二、色彩设计的原则1、统一性原则2、情感性原则3、生动性原则三、几条实用的配色策略1、你的配色方案永远不应该比它呈现的内容的更加“响亮”。2、尽量选择简单的灰色作为你网站/APP的基调。3只选择一种颜色突出显示。4、使用安全色,降低色彩的纯度。5、如果产品特性需要鲜艳的配色,那么...原创 2022-03-23 22:31:03 · 2560 阅读 · 0 评论 -
UI界面视觉设计之图片和图标
目录一、图片1、图片的位置。①扩大图片的面积,能产生界面整体的震撼力。如图,放大图片至画面的绝大部分面积,以造成视觉冲击力,营造出良好的视觉。②在对角线上安置图片要素,如图,可以起到支配整个页面的空间和相互呼应的作用,使画面达到平衡。 氛围。2.图片的数量 ①在图片多的情况下,如图,我们可以通过均衡或者错落有致的排列,形成层次并根据版面内容来精心地安排,使用户一目了然地浏览众多的内容。②将同样大小的多张图片,采用叠加的方式进行组合,这种前后关系可为设计带来层次感...原创 2022-03-23 22:13:54 · 2177 阅读 · 0 评论 -
UI界面视觉设计之字体要素--安卓-ios-网页常用字体
怎么设计出从而设计出富有美感和形式感的优秀作品?1.设计经验的积累。2.在每个项目设计中只使用1到2个字体样式,通过对字体大小或颜色来强调重点文案,如图的界面设计中,都是通过字体大小、粗细来区分界面内容中的层级关系。字体用得越多,越显得不够专业;3、不同样式的字体,形状或系列最好相同,以保证字体风格的一致性;4、做到字体与背景的层次分明,以保证信息内容的主次分明;如图中字体和背景融合到一起,用户在光照很强的时候阅读很不方便,所以易读性和易用性是用户的根本诉求; 5、...原创 2022-03-21 23:21:29 · 6425 阅读 · 0 评论 -
产品设计--线框图
线框图是一个网站图形化的骨架,引导一个页面的内容及概念,能够帮助设计师和客户讨论具体的网站层次和导向。一个简单的线框图只需要使用线条、方框和灰阶色彩填充,黑白色的布局整体呈现为低保真设计图,主要呈现主体信息群,勾勒结构和布局,表达用户交互界面的主视觉和描述那为什么要做线框图呢?线框图对于产品的作用就如同建筑蓝图,在项目的初始阶段规定好产品各方面的细节,作为整体项目说明。也因为绘制起来简单、快速,它也经常用于非正式场合,比如团队内部交流。但并不能作为用户测试的材料。下面我们看一下如何画好线框图,通过工原创 2022-03-21 22:49:59 · 3608 阅读 · 0 评论 -
产品原型图的分类
低保真图,设计师或者需求方对于产品的一种快速静态清晰的表达手段,用于项目前期的讨论和沟通,给项目成员间或者客户沟通时提供一个大致的概念和讨论方向,以便快速的理解和及时的提出自己的建议。你可以把线框图理解为设计图的核心,它承载着最终产品所有重要的部分。线框图能界定界面的大致结构和布局,能够清晰的表达内容信息的展示位置。线框图能够包含界面的主体交互元素线框图一般不会过多地要求细节和华丽度,在内容的真实性上也不会有过高的要求,但必须能表达你的设计思考和方案。主要是以黑灰线框和简单的块面及占位符来组成整个线框图原创 2022-03-21 22:46:45 · 2656 阅读 · 0 评论 -
原型设计的重要性
一、产品经理需要具备怎样的素质 产品经理应该是公司综合素质要求最高的一个角色,它必须具备一定的调研能力,也应该具备良好的洞察力,分析力和策划力。它需要懂得市场和用户,也需要懂得产品和内容,甚至还需要懂得公司的战略和运营,需要懂得一些设计和程序开发,最后也少不了优秀的组织能力,协调能力以及团队的管理能力。可以说产品经理绝不是每样都精通,但肯定应该是样样都懂。他集中了公司所有团队的才干于一身。当然对于一个创业团队来讲,有时不可避免会一个人身兼数职。但是公司成长到了一个一定的阶段,就需要有明确的分工。另..原创 2022-03-21 21:45:51 · 885 阅读 · 0 评论 -
原型设计八大原则
原型设计八大原则 原则一:了解受众和意图这是原型设计流程的第一条,也是至关重要的原则。了解受众并理解圆形的意图,能驱动原型设计流程的各个方面,原则二:稍加规划——再做原型稍加规划,再做原型,以渐增、迭代的方式展开工作,这样能适应不断变化的环境。原则三:设定期望设定期望是基于名为激发心理学方法原则四:可以画草图在这些决定往往归根于第一个原则:了解受众和意图原则五:是原型,不是蒙娜丽莎原形本质上是最终产品的不完善和粗略的版本,原型并不完美,事实上粗略的原型往往能获得更好的反馈。原则六:如果做不出来原形原创 2022-03-21 20:58:52 · 4292 阅读 · 0 评论 -
关于原型设计
原型的主要作用是为了沟通最初的产品设想·原型图展示的是内容和结构及粗线条的布局,而不是视觉设计。展示系统的大致结构和基本交互效果项目经理和开发人员进行有效沟通的一种方式,可以快速构建产品的大致结构,提供基本的交互效果。原型设计:原型设计以用户为中心,设计师们利用专业的眼光和丰富的设计经验,快速地构建出一个产品原型。草图原型:描绘产品的大致需求,记录瞬间的灵感·草图原型是指画在纸上白板上的界面原型。低保真原型:展示系统的大致结构和基本交互效果高保真原型:视觉上和体验上几乎接近真实产品·在制作原型..原创 2022-03-04 11:30:54 · 358 阅读 · 0 评论 -
ui 界面设计的流程
原创 2022-03-04 11:23:16 · 698 阅读 · 0 评论 -
UI交互设计原则与用户体验(二)
完型组织法则的六个概念格式塔理论的基本概念是:“整体大于部分之和”。当我们的感知遇到复杂元素时,我们在看到各个部分之前首先看到的是整体。作为设计师如果我们了解这个心理学原理,就可以在设计时更有全局意识。一、背景关系法则二、邻近法则邻近度的基本概念,就是人类会将距离接近的对象,自然而然地视为是同一个组群。三、相似法则与邻近度相同,相似度也是资讯架构规划的一大利器。相似度的基本概念,就是人类会将特质相似的物品,视为同一个组群。而“特质相似”在视觉上,主要有颜色、造型、大小和肌理等四个不同原创 2022-03-04 11:18:29 · 2973 阅读 · 0 评论 -
UI界面设计相关知识(一)
UI设计行业的一些常见术语UI (User Interface):用户界面;UE或UX (User Experience):用户体验;UED (User-Experience Design):用户体验设计;UCD (User-Centered Design):以用户为中心的设计;IXD(Interaction Design):交互设计或互动设计;PM(Product Manager):产品经理;Visual Design:视觉设计;IxD(Interaction Design原创 2022-02-12 18:21:20 · 1597 阅读 · 0 评论