发表于: 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 UIMetro风格用户界面,即所谓的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界面中的图标被称为“磁贴”。


动态磁贴:在某些磁贴上可以动态显示不同的滚动画面,这类磁贴被称为“动态磁贴”。

动态磁贴的妙处就在于即使我们不打开应用,也可以通过动态磁贴看到最新的内容,比如天气应用,就算我们不进入应用,也能看到当天的天气情况。邮件应用也是,有了新邮件之后在动态磁贴上就会有提示,而且能显示部分邮件的文本内容。最明显的要数新闻应用,我们可以直接在动态磁贴上看到最新的图文消息。




返回列表 返回列表
评论

    分享到