软件工程作业3

|这个作业属于哪个课程|https://edu.cnblogs.com/campus/zswxy/2018SE|
| ---- | ---- | ---- |
|这个作业要求在哪里|https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354|
|这个作业的目标|学习原型设计|
|其他参考文献|无|
|码云地址|https://gitee.com/xxfdrbo/imitating-alicloud/tree/master/|

一.介绍

看到这个作业嗯想着要学习新的东西了，在考虑用哪个软件的时候思考了一下，看到大部分的人都是用的墨刀，感觉会用起来更加简单一点，看上去是中文很多地方看上去都会比较简单，还有新手教程也有很多好看的模板。我一直觉得我们学软件工程的都要下载很多乱七八糟的软件，发现这个还是一个网页版的东西。

二.设计说明

1.主页

首先设计一下我们的主页，导航栏要有搜索要有信息标栏，选择三个控件作为导航栏，然后点击控件链接到另外一个页面。右边会有很多的组件，可以直接点击组件中的轮播图可以上传任意图片，调节图片大小，主页的主要内容:轮播图大概介绍多个主要信息，点击可以看到每一图片对应的信息，信息栏关于产品技术等等的内容，可以自由更改自己的需求，公告发布一些关于软件版本等等的信息。

2.管控

点击管控按钮，可以来到管控界面，管控界面的主要内容是注册登录。

3.注册登录

注册登录是为了成为这个app的正式用户将可以使用到里面的一些功能，如果没有账户可以点击注册，注册一个用户，如果已经有了这个app的账号可以直接输入手机号码和密码直接登录，也可以使用第三方的账户登录，如这里可以使用微信，QQ，微博这些社交网络的账户登录，这个界面我也参考了其他的一些界面，看上去会更加的整洁一些。

4.我的信息

这个界面主要是自己的个人信息包括在这个app下载的订单，积分等等。

三.个人总结

这个软件还是属于比较好上手的，到了不懂的地方百度一下解决方式就会有了，在使用上面还是没有太大的困难，主要困难还是在于美化的事情。
困难描述：1.老是找不到合适的图标感觉看上去老是不顺眼。
2.要么把图片弄的扁扁的要么把图片弄的胖胖的看上去不是很协调。
3.完成到最后板块的设计不合理超出了手机的大小又需要去反复的调节这个大小。
4.总是找不到合适的组件，看上去会和别的模块不协调。
解决尝试：1.所以还是需要专业的美工来设计一下一些图片，图标的协调性，在没有美工专业长宽的设计我在调节大小的时候调节的不是很好看。
2.每个板块的设计的长宽都需要合理化，需要精心的去设计刚刚好可以手机大小，然后看上去非常顺眼。
时间有点急只能尽可能的调节到自己觉得合适的大小，之后时间充裕的情况下呢我会好好设计一下每个图片图标的大小。
有何收获：更加知道图片大小设计大小合适度的重要性，界面美观的重要性。
在这里我只能做一个大概的设计，哪个地方放什么模板要做到非常的精细还是需要很长的一段学习，我觉得每个模块设计的大小都是一件非常精细的事情，有时候看上去不好看还是会比较抓狂的，还有字体的选择，每种字体都会给人不一样的感觉，有些字体会比较温柔有些字体会看上去更加的霸气，在字体选择和颜色选择上面我还是感觉不是很够，现在我还是没有办法把这个设计页面做的非常精细，但是我相信在以后的学习当中我将会越来越好，对软件的熟悉程度还有对图片设计大小还有页面整体的设计都会有非常大的提升。
总体来说这个软件还是蛮好用的，素材很多也很好搜索，都是一些很好的设计工作者设计出来的页面，审美也非常的到位，而且关键字搜索也是非常到位的。

四.云码地址

https://gitee.com/xxfdrbo/imitating-alicloud