发表于: 2019-04-28 22:39:04
1 1003
今天完成的事情:任务5,一部分纸张撕边效果
明天计划的事情:做任务6,继续做纸张撕边效果
遇到的问题 1不会做纸张撕边效果做到一半,停在中间一个步骤,目前还没弄懂,明天继续研究
2 任务5的ui设计在电脑上的显示和手机上的显示有很大差别,有些颜色在手机上显得灰蒙蒙的,有的字体颜色看不清,都需要不断的调整配色,有时甚至要全部推翻,重新选择配色。比如以下两个版本的设计
图一的背景配色有很严重的问题,虽然我喜欢这种颜色,但在手机上看就是灰蒙蒙的,字也看不太清楚,同样需要调整,图二的淡黄色在手机上看其实是白色,还有图一的版式也存在问题,比如底部与学霸那个框之间就空隙过大,网管那个框过窄,这些问题图二都进行了调整
配色是一方面,版式也很是重要,我尝试了很多种版式,但有的会混淆层级关系,如
不只这个,还有一个左一右二的排版也是这样,设计版式时一定要考虑这一点。还有就是
收获:1做纸张撕边效果的过程中,学会了图案叠加的具体应用,还有滤镜中晶格化和杂色的使用
2完成任务5,除了图一,还有以下两个不同风格的设计
三 对任务6中色彩,明度,冷暖色等一些概念的了解
暖色调(红、橙)、冷色调(绿、蓝)和中性色调(紫、黄、黑、灰、白)
色彩
种类
无彩色系
是指白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。
有彩色系
彩色是指红、橙、黄、绿、青、蓝、紫等颜色。不同明度和纯度的红橙黄绿青蓝紫色调都属于有彩色系。有彩色是由光的波长和振幅决定的,波长决定色相,振幅决定色调
基本特性
色相
是有彩色的最大特征。所谓色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……
纯度
是指色彩的纯净程度,它表示颜色中所含有色成分的比例。含有色彩成分的比例愈大,则色彩的纯度愈高,含有色成分的比例愈小,则色彩的纯度也愈低。
明度
是指色彩的明亮程度。
邻近色
色相彼此近似,冷暖性质一致,色调统一和谐、感情特性一致。在24色相环上任选一色,与此色相距90度,或者彼此相隔五六个数位的两色,即称为邻近色。
四 对任务6中metro的了解
Metro可以被分成两个部分:
Metro设计原则和Metro设计语言。
Metro用户界面设计原则
(注:Metro UI,Metro风格用户界面,即所谓的Win8风格)
这些原则是Metro用户体验的关键,它扮演的角色是像Windows Phone 7 和the Xbox Dashboard update一样的产品的指导方针。后来,Metro语言成为了一套视觉财富,一种用户相关的交互,一个过渡效果、动作的集合,一种应用程序流的基础和规则,它结合了一种统一标准的用户体验
排版,排版,排版……自从这个概念被引入到Metro中后,几乎所有的事情都像是在排版。排版并不是Metro的全部,它并没有像图片、图标、动作、声音一样重要。记住最重要的两个原则:信息是显示的主角。如果它的意义是通过排版表达信息,那么其他就不要强迫它了
设计语言
和抽象的原则相比,语言是实在的。因此在Metro中有一个叫做Hub & Spoke (more here)的具体的导航系统。它有一系列的动作,像单击、双击、点选并按住、弹开、拖动等。也有一个具体的排版,用Segoe格式给结构化信息设置不同的尺寸。还有一套具体的用户界面控制系统像命令按钮、单选按钮、多选按钮、滚动条和其他UI元素。也有具体的应用程序交互元素像枢轴、全景和页面。
所有这些组构成了Windows Phone Metro设计语言。这是一个全面的,端到端的,灵活的和可扩展的设计语言。
两者的关系
用类比来说明Metro设计原则和语言的关系的抽象概念就像“爱”(原则)可以被用一个具体的符号“♥”或“l-o-v-e”四个字母表示一样。我相信你可以通过无数种的方式去表达“爱”的概念,包括它本身的读音、照片或者其他元素
磁贴
在win8系统中,Metro界面中的图标被称为“磁贴”。
动态磁贴:在某些磁贴上可以动态显示不同的滚动画面,这类磁贴被称为“动态磁贴”。
动态磁贴的妙处就在于即使我们不打开应用,也可以通过动态磁贴看到最新的内容,比如天气应用,就算我们不进入应用,也能看到当天的天气情况。邮件应用也是,有了新邮件之后在动态磁贴上就会有提示,而且能显示部分邮件的文本内容。最明显的要数新闻应用,我们可以直接在动态磁贴上看到最新的图文消息。
评论