设计思路
-
1.软件页面的选择
选择了《不背单词》这款软件,因为它的页面比较美观简洁,交互方式也比较简单,所以选择对它的三个页面(主页面,我的内容,仪表盘)来进行复刻。
2.创建画板
先用手机进行截图,根据手机屏幕尺寸选择对应尺寸画板,将截图放到XD设计界面上,以便更加准确地复刻。
3.要素观察
根据实际页面内容,观察其中包含的各种要素,比如文字,图标等等,预设好设计顺序
4.寻找图标素材
去各个网站搜索相似图标,比如阿里巴巴矢量图标库
如果找不到相似图标,就用方形工具,钢笔工具等制作图标。
5.具体设计
利用拾取器填充颜色;
拉参考线以保证位置准确;
运用素材,几何工具,钢笔工具进行细节复刻;
可以先在实际页面截图上设计,使设计图案或文的大小,样式与实际相同,然后组合成组,再将其拖至新建的画板上;
重复的样式可以使用重复网格;
设计滚动组。
6.交互
根据软件实际内容设置相似的交互方式。比如,在我的设计中,将页面的图标与其他画板进行连接以设置跳转与返回,再进一步设置动画与持续时间,比如上移,溶解等。
7.预览调试
测试交互是否可行,进一步改善。
8.最后
欣赏自己的作品!!!!!!!!!(´∀`)
有点问题www
1.creative cloud用不了QAQ 我是直接下载的包,电脑显示它丢失或者损坏惹....但是可以正常设计
2.设置交互时怎么让通知栏不动?
3.如何设置不点击自动跳转到另一个画板呢?