以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Material Design 的日益普及,色彩理论知识的重要性也变得愈加明显! 在许多数字化产品的界面中我们都能看到一些明亮的色彩和渐变色,从趣味性和娱乐性APP到商业APP和网站.然而,关于明亮的色彩对用户体验的影响仍有很多争议.本文就UI 中使用亮色的优缺点进行了一些分析和总结.   一.在UI中使用鲜艳颜

我给博客改了主题色,从 这样的 改成了 这样的:然而我问小伙伴看看效果他却并没有发现改变. 红绿色盲在亚洲人中占比,男性约 5%,女性则小得多.也就是说,就算仅考虑为国内用户开发应用,这也是很大的一部分用户了. 本文将通过更加了解色盲(Color Blindness)来指导我们为更多用户提供更好的 UI 设计. 没有色盲模拟器 大多数想理解色盲眼中世界的人可能会考虑“色盲模拟器”.在网上搜索“色盲模拟器”,或者英文的“color blindness simulator”可以得到很多的模拟工具,大

有关颜色搭配方案: 摘取:http://bbs.9ria.com/thread-395-1-1.html 有关设计,可以参考:http://www.sj33.cn/

灰度优先 我们习惯在设计阶段的早期就开始调整颜色和色调.但是,当你意识到自己花了3个小时来调整主色调的时候,你发现这种行为毫无帮助.虽然把玩颜色很有吸引力,但是你应该避免在设计初期进行这种行为. 相反地,你应该强迫自己专注调整间距和布局元素.这种布局的约束是非常有效的,它会为你节省很多时间.调整间距和布局元素并不是那么无聊.如果你想表达不一样的东西,尝试使用不同的色调即可. 远离纯灰色和纯黑色 多年来,我学到的一个最重要的颜色技巧之一就是避免使用不带色调的灰色.在现实生活中,相信自然 最佳的色彩

设计风向转换的趋势越来越短,在设计圈中,流行设计的跟新换代更是快.在设计时间越来越短的今天,在经理领导不断催促的时下,如何准确的把握当下的流行趋势,如何在设计之初就能定好设计的基调.这对于还是刚入设计行业的小白来说,显得十分重要. ​在2018年的今天,80后的设计师已经能将各种类型的设计老练的平稳的运用于自己的设计中,而90后的年轻的设计师刚刚迈入这个行业,对于技术的掌握和对未来的憧憬,他们的设计往往是天马行空,其中不乏一些出彩的.不在条条框框中的优秀的设计. 对于时下的流行设计来说,颜色的使

暖色调的颜色属于前进色.膨胀色可以使物体的视觉效果变大,而收缩色可以使物体的视觉效果变小.   颜色的另外一种效果.有的颜色看起来向上凸出,而有的颜色看起来向下凹陷,其中显得凸出的颜色被称为前进色,而显得凹陷的颜色被称为后退色.前进色包括红色.橙色和黄色等暖色,主要为高彩度的颜色:而后退色则包括蓝色和蓝紫色等冷色,主要为低彩度的颜色.   前进色和后退色的色彩效果在众多领域得到了广泛应用.例如,广告牌就大多使用红色.橙色和黄色等前进色,这是因为这些颜色不仅醒目,而且有凸出的效果,从远处就能看到.

下图是微信官方的要求 按照小程序UI设计(3)-符合视觉规范-列表视觉规范同样的方式,我们可以设计一样符合规范的输入项目.规范中没有说明padding-left的大小,我们暂定是15px.这样最外层view的padding-left和padding-right都是15px.以  为例制作符合规范的布局.首先在工具的画布上拖拽WViewRow. 然后设置width=375,padding-left和padding-right为15.再鼠标拖拽过来两个wviewrow,一个宽度是85,一个宽度是37

上一篇我们介绍了字体规范,此贴介绍一下在列表中如何组合使用.下图是微信官方的要求   在工具中通过拖拽组件可以制作出一样的效果拖拽一个WViewRow.这个组件是小程序的view,flex-direction=row.缺省的属性如下. 放在工具的画布上是这样的 下面我们以  为例实际制作一个.此单项列表中一个view包括两个view,横向排列.最外层的view有margin-top.padding-left和padding-right.我们先定义最外层view.为了看的清楚我先把画布改成蓝色(修

转自:https://www.zhihu.com/question/50995871?sort=created <女神异闻录5>是近两年最为火热的JRPG游戏之一,它的出色不仅在于剧情暗讽社会黑暗面的主旨展现,那套酷炫而又极富冲击力的动态UI设计也成为了本作的一大亮点,不仅成为了部分同行游戏“借鉴参考”的对象,其中某些元素甚至被当作Cosplay的对象. 当然,这套UI并非一面倒的好评,也有部分的玩家认为这套UI的效果太过“喧宾夺主”,甚至会在长时间游戏后产生视觉疲劳,比如每次战斗结束后都无法

在学习UI设计的过程当中,特别想学或者零基础的人来说,需要学习到很多知识,比如软件 PS AI ,理论 色彩 排版 规范 UE 等,这些都是一名UI设计师需要学习的知识,而学习到这些知识,可以通过视频,书籍,网站,培训等多种方法学习,今天就和大家推荐下学习设计所要看的一些书籍. 一.<设计心理学> 内容简介: 设计心理学是设计专业一门理论课,是设计师必须掌握的学科.设计心理学是建立在心理学基础上,把人们心理状态,尤其是人们对于需求的心理通过意识作用于设计的一门学问.它同时研究人们在设计创造过程

格式塔是一种视觉感知的理论,是研究人们视觉如何将元素组织成群体或整体,从而视觉上进行分类,在设计中,我们使用格式原理能使得我们设计更科学性,更具吸引力.通过格式塔效应,去处理设计中的点.线.面.颜色.空间和形状的分组排版,格式塔原理很重要,它是一切排版的基础,我们需要了解我们的心理是如何感知视觉. 什 么 是 格 式 塔 原 理 ? 格式塔是1890年德国哲学和心理学首先引入的概念,它的原理是,我们的视觉系统自动对视觉输入构建结构,并且在系统层感官形状,图形和物体,自动形式一个认知,而不是只看到

英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用

我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI设计,我们把这个教程整理出来,希望大家喜欢. 想了解全部Android UI教程内容请点击51CTO独家专题:谷歌官方教程:Android UI设计技巧 作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条.因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱. 这个教程包含

1. 使用RecyclerView       在 Android 应用程序中列表是一个非常重要的控件,适用场合非常多,如新闻列表.应用列表.消息列表等等,但是从Android 一出生到现在并没有非常好用的列表控件,早期的 ListView 用法非常复杂,尤其是自定义列表,简直就是地狱,因为其中还涉及到很多效率优化的问题,新手很难写出高效率的基于列表应用,而且 ListView 只能垂直方向呈现内容,使用很不灵活,为了解决这个缺陷,Android 官方推出了 RecyclerView 控件,用来

上一周可以说是一个不断Mark周,从最实用的Android UI设计工具.免费移动应用测试框架推荐,到HTML5开发框架等等,各种开发工具.框架精彩丰呈,看得小伙伴们是不亦乐乎.当然,还有不容错过的MDCC 2013精彩专题论坛先透露.首届智能硬件峰会及首届智能硬件展等的阵容更新围观.智能硬件这座中国互联网的下一个金矿,将由MDCC 2013开启,更多内容请持续关注MDCC 2013官网. 除此之外,移动频道还有哪些值得关注的热点新闻呢?让我们一起通过移动周报来回顾一下吧! 1. 直接拿来用!1

在这个技术的世界,UX和UI这两个词条在差点儿全部公司都非常流行,不管大小,都在寻找招聘UX/UI设计师. 这两个缩写词条使得整个技术工业为之疯狂,由于它们是最先进的前沿技术. 那这两个词条实际上是什么意思呢?首先,UI是指用户界面,UX是指用户体验.有一点非常重要,这两个词条不可互换,由于它们要求的技能集是不同的. 让我们来看看UX设计师和UI设计师之间的差别. 客观的 vs 感性的 UI设计关注不论什么物理界面,如你的智能手机.电脑或者其它电子设备. 设计你在外面看到全部东西都是UI设计师的

1.UI设计基本概念与流程 1.1 目的 规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性. 1.2范围  A.界面设计 B.此文档用于界面设计,本文档的读者对象是项目管理人员.售前服务人员.UI界面设计人员.界面评审人员和配置测试人员. 1.3 概述     UI设计包括交互设计,用户研究,与界面设计三个部分.基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段.分

免费PSD素材 TETHR by InVision 这是出自InVision的8款PSD文件,其中包含了100个模板和超过500个UI控件.来自InVision和UI8的设计师一同协作完成了这套UI Kit,非常漂亮. Designer-naut UI Kit 这是一套简约整饬的UI Kit,内置了40款矢量的小插件.这套UI Kit 为视网膜屏幕而生,基于16栏的960栅格系统,目前限时免费. Wire Kit 这是一套分辨率为840 x 8600的 UI Kit,是一套为视网膜屏幕而生的素材

Android UI技巧 1.1 不该做什么 l  不要照搬你在其他平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台总体观感之间做好平衡 l  不要过度使用模态对话框 l  不要使用px单位,使用dp或者为文本使用sp l  不要使用固定的绝对定位的布局 l  不要使用太小的字体 1.2 该做什么 l  要为高分辨率的屏幕创建资源 l  要使用适当的间距 l  要正确管理活动(Activity) l  要正确处理屏幕的方向变化 l  须要点击的元素要

<认知与设计:理解UI设计准则>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382276 内容介绍 <图灵交互设计丛书·认知与设计:理解UI设计准则(第2版)>语言清晰明了,将设计准则与其核心的认知学和感知科学高度统一起来,使得设计准则更容易地在具体环境中得到应用.涵盖了交互计算机系统设计的方方面面,为交互系统设计提供了支持工程方法.不仅如此,这也是一本人类行为原理的入门书. 目录 第1 章 我们的感知存在偏差 经验影响感

你学会UI设计了吗? UI设计师如何前驱? 关于产品 作为一个UI设计师,我们还在干巴巴的等着产品经理甚至交互提供的需求和原型再开始动手吗?这样被动的工作是永远无法提升自己的,当然你也永远只能拿到几千块的薪水了. 我们应该参与UI设计前期产品的规划中去: 1.了解下一个版本计划做哪些需求,上一个版本还留下什么需求? 2.在下一个版本中需求的目标和目的分别的什么? 3.怎么样挖掘出用户的原始需求? 4.希望之后拿到哪些数据,并且对这些数据准备做怎样的分析,得出怎样的结果? 产生的商业价值又是什么?