《UI设计》课件-2.5 项目实训_第1页
《UI设计》课件-2.5 项目实训_第2页
《UI设计》课件-2.5 项目实训_第3页
《UI设计》课件-2.5 项目实训_第4页
《UI设计》课件-2.5 项目实训_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目实训项目一分析网站首页的UI设计项目目的本实战将对下图所示的网站首页界面进行赏析，分析该界面中的基本元素、色彩、字体和风格。项目一分析网站首页的UI设计制作思路（1）观察该界面，可发现该界面中基本元素的搭配非常和谐，如界面上方的导航栏文字、品牌名称、装饰等都可以视为界面中的点元素，主要起活跃画面气氛的作用；界面的背景被划分成了不同色彩的板块，板块与板块相交的部分可视为线元素，主要起分割画面的作用；界面背景可视为一个整体的面元素，主要起整合画面的作用，可以让整个画面效果更加和谐统一。（2）在色彩的选择上，整个界面的主色调为高饱和度的蓝色，白色为辅助色，黄色为点缀色。同时，冷暖色的搭配让界面更具视觉冲击力。（3）在字体的选择上，该界面主要采用了无衬线字体，如“最右App”“我的快乐源泉”等，这种字体让界面的结构清晰、简洁美观。（4）在风格的选择上，本例使用的是插画风格，主要是通过鲜艳的色彩、清新的插画图像来体现的。项目二设计读书App启动页界面项目目的本项目将设计读书App启动页界面，首先收集与读书相关的素材图片，并使用IllustratorCC2019绘制App的Logo形状，然后添加文本，整体设计简单、直白，凸显出了品牌特点，能够加深用户对App的印象，下图所示为读书App启动页界面的效果。项目二设计读书App启动页界面制作思路（1）搜集与读书相关的素材（配套资源:\素材文件\第2章\读书素材.psd）。（2）启动IllustratorCC2019，新建800像素×600像素的图像文件，使用“钢笔工具”绘制填充颜色为“#bb9229”的Logo形状。（3）启动PhotoshopCC2019，新建1920像素×1080像素的图像文件，新建图层，并设置图层的填充颜色为“#eaeaea”，再将收集的读书素材拖动到图像中，调整大小和位置，然后使用“矩形选框工具”在图像下方绘制填充颜色为“#ffffff”的矩形，最后将绘制的Logo形状添加到矩形中并在Logo形状下方输入App名称。（4）继续在图像上方输入读书App的广告语，然后绘制填充颜色为“#444243”圆形和装饰线条，最后在其中输入文字。

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论