ui设计自学积累知识点1

我的内容都是干货 主要是记录自学ui时的积累和心得 各路神仙就将就着随便看看吧

1.多看看作品的原型图线框图,这对于你要制作的页面布局会有概念能借鉴。
2.作品说话。你的思维体现在作品的布局和用户体验上。临摹大法虽好,但是没有灵魂和针对性特色。
3.引导页分为前置引导页和中间引导页。刚使用app用户还不熟悉,前置引导页一般用来显示核心功能、内容概括、操作方法等。一般为2-6页,中间引导页一般是版本或者应用更新后出现,是对新功能的说明指导,采用口语化的俏皮语言,不要官方说教。动态引导页最吸引人。最好采用拆开、抽取、划开等新的互动方式,而不局限于简单的左右滑动。
4.用户体验在我看来是用户从陌生到熟悉从而建立依赖感信任感的过程,产品的任何新的变化可以经过一些功能性提示和引导都能让用户快速适应变化,增强用户体验。
5.logo几个大的形式还是偏向于扁平,线性(大部分是图上文下,感觉很文艺范),字体部分变形设计,渐变色彩,有些还加上了插画手绘,感觉很简洁。如果是动效会很加分。对比我最近做的那个logo简直太菜了,感觉low爆。不上图,要脸。
6.层级关系可以是字体之间颜色大小对比,也可以是留白空间的间距大小。邻近的物体很容易被归为一个组,所以放手去调大距离吧。
7.色彩搭配真的需要功夫,了解HSB(色相,饱和度,明度)模式会很有用,保持H色相不变,反比例变化饱和度和明度,会改变同种色深浅,较暗的颜色是饱和度增加,亮度减少,反之。
8.每行45-65个字符最好。
9.要提高白色文本的可读性,相比于在图片上添加黑色蒙版改变不透明度,不如把背景改为正片叠底的形式。谁试试就知道太方便了。
10.品牌色不要大范围使用,可以作为强调色小范围点缀。

关于学习字体设计 用ps软件
1.ps中制作页面渐变效果除了用渐变填充外,还能用画笔画后进行高斯模糊,然后用Ctrl加t去改变模糊后的距离。这比实际调整的渐变更方便。
2.字体要和页面对齐,手动调整太麻烦,可以对文字图层Ctrl加A全选后点击对齐控件。
3.字体厚度可以这样做:首先,Ctrl加点击字体图层然后建立选区;其次,把前景色改为深色,建立一个新图层,点击alt delete 填充前景色即可出现字体图层;然后Ctrl d取消选区。再Ctrl j拷贝新字体图层加轻移箭头方向键就可以移动复制,重复多次;最后把复制后的文字图层合并Ctrl E。(也可以对合并后的图层建立渐变叠加增加效果)

发布了5 篇原创文章 · 获赞 6 · 访问量 97

猜你喜欢

转载自blog.csdn.net/qq_47168970/article/details/105617066