猫史档案馆


【CJW python小讲堂 第九期】高深的UI设计排布,快来看一看!

用户:520669已退猫520669已退猫查看:6 回复:10 评论:6 创建时间:2019-08-18T11:50:10


又双叒叕是我电阻

今天

我来带领大家学习一些UI

设计技巧

1.心中有数

每一次设计界面之前

要把自己想的

界面要画下来。

界面一般有两种:

横版

竖版

横版看起来和用起来更方便,

而竖版竖版更坚实,操作也很方便

下面是我的两个作品的UI设计

横版:

center_image

横版的页面需要更加紧凑,

会让用户看得更加舒服,

当然,

不同的风格要用在不同的使用人群上

要符合UI设计的“人性化”这条要求。

我的这个作品

主要给的是科学家和老师用的

风格需要严谨,严肃,紧凑

如果是给孩子用的

就需要更多的

就要做出开朗活泼的界面

然而横版在制作起来

缺点很快就会喵:

1)过于复杂

由于分组多,页面大

需要的布局是要很多的

center_image

place布局调试和计算是需要巨大的精力和时间

但是做出来的页面非常整洁美观

竖版:

center_image

竖版更加简约,质朴,

排布比较简单,

没啥好说的。。

排布最好只用单纯的pack()布局

center_image

2.开始制作

心中有数的你

制作已经不难了吧?

emotion_雷电猴_围观

--------------------喵是有底钱的------------------

 


回复

上一页1 页 / 共 1下一页
520669已退猫520669已退猫

往期精彩:

第一期:https://shequ.codemao.cn/community/178600
第二期:https://shequ.codemao.cn/community/184311
第三期:https://shequ.codemao.cn/community/185418
第四期:https://shequ.codemao.cn/community/188747
第五期:https://shequ.codemao.cn/community/189560
第六期:https://shequ.codemao.cn/community/190290
第七期:https://shequ.codemao.cn/community/191070
第八期(1)https://shequ.codemao.cn/community/191319
第八期(2)https://shequ.codemao.cn/community/191320

点赞0


评论


爱因斯坦的弟子爱因斯坦的弟子

hahha

点赞1


评论


520669已退猫520669已退猫

点赞0


评论


520669已退猫520669已退猫

顶顶

点赞0


评论


520669已退猫520669已退猫

顶顶

 

点赞0


评论


呆萌回首呆萌回首

恭喜刷屏

点赞0


评论


官方雷电猴官方雷电猴

jio得放出最终的UI设计稿会加分很多,目前看不出效果,说服力没那么大emotion_可怜

下次记得放出效果图哟

点赞0


评论


爱因斯坦的弟子爱因斯坦的弟子

已收录

点赞0


评论


4O3F0rbidden4O3F0rbidden

顶    

点赞0


评论


33aaron33aaron

果然是1MΩ的大电阻,我费了很长时间才用小电阻凑成了电阻小弟。(本人真实事迹,但其实蕴含意思是电阻小弟太厉害了)

点赞0


评论