FEVTE编注:更多经典SKETCH教程和SKETCH经验分享、作品交流请访问飞特网SKETCH教程栏目:https://www.fevte.com/plan/sketch/
-
上图文字与图片交叠错落排版,图片与图片之间也是网格交错
上面移动端设计,设计师通过留出左侧空网格,整体内容往右侧偏移,导航相对内容来说做了差异化设计,并未进行偏移设计(看我上图红框部分) 。这样做的目的是因为,我们点击汉堡菜单的时候,本来整体就要往右侧移动,如果再继续移动,那么内容会显示不下,同时视觉效果并没有很好
半偏移网格布局,界面中并非所有的内容都偏移底层网格,而是部分模块这样去做,原因是内容多的情况下。
分屏布局,顾名思义就是将屏幕进行几种不同区域的划分,然后内容分布排版在里面,分屏布局解决的主要问题将屏幕大的设备进行合理划分空间设计,一般是在横屏运用比较多,比如PAD,或者WEB或者车机中控屏,下面一起看下分屏布局在实际设计中的具体表现
上图界面设计采用了1/2分屏布局,将图片与内容文字进行区域划分,下图是将主文案摆放在分割区域中间(文字较少情况下可以这样去做)增强形式感。当然分屏布局可以有多重形式,列如,2/3,1/3,3/4等等,可以根据内容进行选择合适分屏
飞特游客
委托设计