Dawna Jones:我的第一个网站的UI案例研究。 – hard1p

移动 在网站的台式机和平板电脑版本上,在某些页面上,我利用负号空间来显示正文。 因此,小型移动设备上的空间有限,我觉得这些照片可能太杂乱,因此将其取出。 取而代之的是,我选择了既显示原色又显示副色的渐变色,既可以显示黑白文本,也可以使用某些页面上的老鹰剪裁。 摘要 有了这个网站,我们觉得我们在短短的3周内就实现了目标(UI为1周)。 我们设法以清晰,专业的方式组织和展示Dawna的内容,同时捕捉了她个性的本质和她的灵感。 反射 总体而言,我为自己的第一个响应式网站项目感到惊讶,我设法在短短几天内自行设计了整个产品,但是要真正完善和提升它,还有很多工作要做达到专业水平。 我已经期待着花更多的时间在它上面! 在这个项目中,我确保与UX团队进行尽可能多的交流,以确保我们团队协作良好。 UX和UI之间存在很多交叉,并且由于我们之间的良好合作,最后一刻的更改保持在最低限度。 作为项目上唯一的UI设计师,使用符号和库也非常有帮助。 这个项目是决定性的练习。 我发现一开始很难选择一个方向,但是我发现只是选择一个方向并尽快进行测试非常有效。 最后,我发现我对自己的学习更加友善和耐心。 我推动自己在Photoshop和Illustrator中学习更多有关该项目的信息,我肯定觉得自己已经升级了。 尽管我仍在*偏离*我想成为的水平,但我已经接受我正在旅途中。…

功能设计师的崛起

编辑:这篇文章最早于5月8日发布在面包屑工作室的网站上。 已对该版本进行了编辑,以包含刚刚发布的一些新软件(以显示我们的行业变化有多快)。 … 在上一篇文章中,我解释了我在计划开发新的移动应用程序时为什么用户体验需要先于用户界面的观点( 请单击此处阅读本文 )。 本文将继续讨论功能设计的最新趋势; 与理想情况下设计应用程序的方式有关的主题。 以下信息对于该领域的专业人士而言可能是老新闻,但是对于新手和非技术人员而言可能会有所帮助。 鉴于这个行业的发展速度非常快,设计阶段所花费的时间往往少于初始项目阶段所需要的时间,然后在开发期间和开发之后就停滞了。 我认为,这在几乎所有已部署的软件开发生命周期(SDLC)中都适用,包括敏捷的SDLC。 原因是,尽管在Sketch,Photoshop,illustrator或所使用的任何工具上设计的静态界面通常在屏幕上看起来不错,但现实与模拟器以及实际设备的真实情况相去甚远。 即使设计师是经验丰富且经验丰富的专业人士,也有许多因素造成了这种现象,但他们会解释空白状态,验证消息以及特殊情况。 它在屏幕上看起来比在设备上看起来更好。 设计师,开发人员和产品所有者之间通常会进行推拉。 为什么该应用程序看起来不如静态设计好? 在我个人遇到的大多数情况下,这实际上不是开发人员的错,也不是设计人员的错。 仅仅是由于双方之间缺乏了解,导致产品的执行与预期的完全不同。…

长宽比缩放-手机和平板电脑

随着手机和平板电脑屏幕尺寸和方面的不断发展,构建在所有事物上都看起来不错的游戏UI一直是一个不断挑战。 您可以通过多种方法解决此问题,下面快速介绍一下我们为游戏创建与外观无关的UI的更为简单的方法。 我们设计UI并以16:9比例编写游戏。 屏幕空间设置为水平扩展,以适应宽于基本比例的任何方面。 对于更高的方面,它将垂直扩展。 各种设备的分辨率无关紧要,因为无论像素密度如何,UI都将具有相同的比例。 16:9空间是一个安全区域-各个方面只会增加空间(在X轴或Y轴上)。 安全区域永远不会减少,因此,布局仅需要进行调整以适应额外的水平或垂直空间。 UI元素得到相应处理。 有许多方法可以做到这一点,例如在一个轴上拉伸/扩展,将元素分布在额外的空间上或固定位置并在边缘周围显示额外的空间。 对于可滚动列表或轮播等项目,您可以扩展容器以利用额外的屏幕空间。 当处理带有缺口和主页指示器的独特屏幕(如iPhone X)时,我们为所有UI元素定义了一个安全区域,以避免对这些功能的任何干扰。 用于抵靠屏幕边缘放置的元素(如页脚标签)的尺寸已扩展到安全区域之外。 当处理带有缺口和主页指示器的独特屏幕(如iPhone X)时,我们为所有UI元素定义一个安全区域,以避免对这些功能的任何干扰。 用于抵靠屏幕边缘放置的元素(如页脚标签)的尺寸已扩展到安全区域之外。 杰米·S