画面中,网页杂志排版,人在看第一眼接受的是图,看的顺序是图的顺序。多彩的颜色更吸引注意。上下先进行分割,图文模块与纯字模块进行调和。然后进行图文分割(图文分割方式有很多种,技法也很多),突然一般具有丰富的色彩,文字一般选择纯色——以此作为分割。最后进行文字设计,文字标题设计,第一个开头字设计,按钮设计,但是颜色要统一不可喧宾夺主。
带图片更感性,文字图标和ui更理性。
每一个文字标题都应该做设计。用于引导阅读文字的视线,和创造设计感。
设计
设计点:
带有浮层的图片,有吸引视线的作用,在UI里但不可以使用过度,不然画面高低起伏不定易造成人心慌乱。除非浮层范围与范围之间相差比较远,近看时,看不到其它范围,远看时,秩序不乱。
设计点
这个排版设计几乎没有什么亮点,就是上大图下小字。图片和字体都正常的不能再正常了。
它的文字左边有一个紧靠边的与文字齐平的一个小短线,而小短线的引导并非只有自己的文字,还有旁边字体的文字,对小短线的快速搜索,可以总览大小图,对线的统一感和图片大小的差异节奏感形成对比,让人有一种美的感觉。
设计点
整个画面文字用了整齐无衬线字体,规矩简洁。
这种字体往往更能体现功能性,与科技感,与食物的安全性。画面灰白色颜色的划分极大的区分类别范围。功能列表的图标,未完成:亮点范围缩小,亮度降低,已完成:亮点范围正常,亮度微降低,正在做:亮点范围正常,亮度增加。(极大的突出了功能性)
如果图片与文字组合,想要增加衬线做装饰,衬线颜色一定要浅与整体要和谐。衬线容易起到分割画面的作用,一不能做到喧宾夺主,二不能分割画面,三要容易理解分割方向。目的是增强统一感和装饰性。
设计点
总览:上下两个景,中间文字作为调和
细看:景1:运用重叠技法,注意问题:装饰区域放在前面的时候,大小要放小,放在后面的时候大小可以放大,不论大小面积画面最好颜色为黑白,不能喧宾夺主。
景2:用对称技法,图与字对称等量,心理上均衡平等(中性十足)。字体设计,上下用了对称倒影的手法设计标题。坐标用了图标,有主标题,有小文字。(小景)
设计点:底部用摄影图作为视觉延伸。
设计点:带数字的放大数字缩小文字展示,放淡文字,加深加大。图片模块,背景黑色,图文组合,横图,多模块,切换页,压黑交互。图(竖图剪影)
设计点:地图上,路线进行光影展示。
设计点:视频横向组合加淡黑层,增加神秘感突出按钮,视频条用细线显示,播放按钮用衬线装饰。(杂志感与UI的结合)
设计点:1.竖图,并列展示,其他图压黑处理,突出部分放大加阴影。
2.字体用了粗体,细衬线,装饰感极强。主标题用黑白背景图淡色增加设计感,黑色鸟把插画和文字做呼应。
设计点:开头字母嵌入渐变色背景图,和背景图冲出字体。
设计点:1.标题横向倒影,大写作为装饰。序号和装饰线作为文本开头,推开文字。
2.景,大写字母s为logo特别设计,细线亮点增加细节。图片下方软阴影,光效效果。
3.大模块无分割时,背景添加灰色图像文理增加艺术感。
设计点:上下分割泾渭分明,白色有文理装饰,黑色有光感渐变。图片滚动竖向滚动
设计:总体感受:在不喧宾夺主的情况下每一层都做的完美。
先分了大块,UI导航部分,和内容部分,内容部分用微小区别的白色划分,用漫反射阴影阴影划分,图简单,字上合适的层次感。字简单,图片用了高级的漫反射阴影做了大空间层次。两个大设计板块中间有纯文字和图标留白,做空白心理。再一个视觉注意力的利用。 (一个板块大分布原子们中小细节(增强极细的紧张感和心动感),要不然就填充面积易于理解(性格较为温和))