#像素范儿设计小开眼DAY 278 #
来源:dribbble
个人
1、背景部分采用竖向参考线进行划分界面区域内容,将需要展示的内容个巨隐形参考线平分开,页面内的版式布局看起来比较新颖,标题下直接跟上颜色分类,右侧配合着直接展示的主视觉,搭配品牌色点缀的价格模块,下方的产品展示图与基本的信息描述区域相互平行,确保内容的完全展示
2、界面本身很清爽,颜色的选去上也偏向于低饱和度,界面内部的布局,比较喜欢banner下紧接着三个相关产品的灰色调产品主图,后方利用颜色和模块大小紧紧跟上不同信息层级的内容,如果说相关产品不够显示,则下方的其他模块里的内容也可以很合理的换成产品展示,保证好宽度的统一即可
3、界面整体以黄色调为主,界面看起来比较像后台管理系统,数据的可视化非常清晰,每个模块都有本身的主题色点缀,模块间的距离,根据模块的属性进行划分,每个模块尽量体现清晰的数据报告为核心的设计基础
4、办呢部分采用两部分配合展示,前景的高清图,后景的高斯模糊层,通过相同内容的不同处理手段,画面的层次感很足,将功能按钮直接压在banner与下方内容的交界处,增加画面的连接性
5、界面通过展示产品的高清图来体现产品的优势,通过给界面合理划分区域,将图片与文案的排版和谐的融合在一起,图片中大量运用线框描边的手法,配合着文案辅助形式,信息内容很突出
6、界面通过左右划分显示区域,左侧通过层叠的卡片来突出文案的信息描述,右侧的部分展示产品,功能按钮通过叠加的背景色条横跨两部分,再利用投影来提高视觉层级
7、产品本身的颜色就是浅黄色,界面的整体色调页尽量保持与产品一致,界面内部的文案利用投影效果拉开层级,主视觉的电动车则是运用与背景色接近的亮色半圆来突出主视觉的焦点区域,辅助信息则是采用黑灰色调搭配显示
8、左右构图的界面左侧直接以灰色调配合信息层级分明的文案以及按钮展示,右侧通过蒙版确定好图片的显示范围,右侧部分加上页码标签等,视觉上很清爽,比较适合做个人明信片使用
9、界面的主色调是花朵的粉色系,标签的颜色以及文案的色调等,都尽可能的保持着统一,核心的花朵在界面的右上角以及左下角进行排列展示,将画面的重心进行平衡
来源:dribbble
个人
1、背景部分采用竖向参考线进行划分界面区域内容,将需要展示的内容个巨隐形参考线平分开,页面内的版式布局看起来比较新颖,标题下直接跟上颜色分类,右侧配合着直接展示的主视觉,搭配品牌色点缀的价格模块,下方的产品展示图与基本的信息描述区域相互平行,确保内容的完全展示
2、界面本身很清爽,颜色的选去上也偏向于低饱和度,界面内部的布局,比较喜欢banner下紧接着三个相关产品的灰色调产品主图,后方利用颜色和模块大小紧紧跟上不同信息层级的内容,如果说相关产品不够显示,则下方的其他模块里的内容也可以很合理的换成产品展示,保证好宽度的统一即可
3、界面整体以黄色调为主,界面看起来比较像后台管理系统,数据的可视化非常清晰,每个模块都有本身的主题色点缀,模块间的距离,根据模块的属性进行划分,每个模块尽量体现清晰的数据报告为核心的设计基础
4、办呢部分采用两部分配合展示,前景的高清图,后景的高斯模糊层,通过相同内容的不同处理手段,画面的层次感很足,将功能按钮直接压在banner与下方内容的交界处,增加画面的连接性
5、界面通过展示产品的高清图来体现产品的优势,通过给界面合理划分区域,将图片与文案的排版和谐的融合在一起,图片中大量运用线框描边的手法,配合着文案辅助形式,信息内容很突出
6、界面通过左右划分显示区域,左侧通过层叠的卡片来突出文案的信息描述,右侧的部分展示产品,功能按钮通过叠加的背景色条横跨两部分,再利用投影来提高视觉层级
7、产品本身的颜色就是浅黄色,界面的整体色调页尽量保持与产品一致,界面内部的文案利用投影效果拉开层级,主视觉的电动车则是运用与背景色接近的亮色半圆来突出主视觉的焦点区域,辅助信息则是采用黑灰色调搭配显示
8、左右构图的界面左侧直接以灰色调配合信息层级分明的文案以及按钮展示,右侧通过蒙版确定好图片的显示范围,右侧部分加上页码标签等,视觉上很清爽,比较适合做个人明信片使用
9、界面的主色调是花朵的粉色系,标签的颜色以及文案的色调等,都尽可能的保持着统一,核心的花朵在界面的右上角以及左下角进行排列展示,将画面的重心进行平衡
#像素范儿设计小开眼DAY 234 #
来源:dribbble
个人看法:
1、以竖向参考线分割画面,主标题利用错位的形式排布,下方接上弱化的副标题,主视觉放在右侧平衡画面
2、界面布局符合工具类的界面功能需求,右侧的每个模块根据自己的产品特性都进行了合理的分布,并且保持统一的间距
3、以衬线字体作为主标题,符合产品的额气质,界面采用左右构图,将特色的产品放在左侧,确保用产品的质感吸引用户的目光,右侧的描述文字搭配上手写的点缀物也很有特点
4、插画风格的界面,每个元素都是简单的色块加描边,页面内的元素保持着统一的设计风格,下方使用特别的文案排列方式去展示,可以让人加深印象
5、以邻近色作为点缀,在背景用于斜切分割画面,界面上通过上中下切割画面区分开大标题、logo、辅助信息,看起来很平衡
6、左上角的logo设计很有特点,右上角的以手机壳作为剪切画面的效果搭配样机展示的手法很有特点,下方的辅助信息搭配上自己的特点进行展示,也很不错
7、纯色的背景上通过手绘增加点缀物和给字母加上描边并作出立体感,还通过投影增加立体感,挺好看的
8、以渐变色作为背景,界面内部多出运用破形效果增加人的联想,大部分元素都没有完全显示,标题和按钮则是按照常规的大小粗细等进行区分
9、斜对称性构图,搭配上样机展示黑白模式,比较新颖,界面的设点选择也很好看#果冻老师的设计小开眼[超话]#
来源:dribbble
个人看法:
1、以竖向参考线分割画面,主标题利用错位的形式排布,下方接上弱化的副标题,主视觉放在右侧平衡画面
2、界面布局符合工具类的界面功能需求,右侧的每个模块根据自己的产品特性都进行了合理的分布,并且保持统一的间距
3、以衬线字体作为主标题,符合产品的额气质,界面采用左右构图,将特色的产品放在左侧,确保用产品的质感吸引用户的目光,右侧的描述文字搭配上手写的点缀物也很有特点
4、插画风格的界面,每个元素都是简单的色块加描边,页面内的元素保持着统一的设计风格,下方使用特别的文案排列方式去展示,可以让人加深印象
5、以邻近色作为点缀,在背景用于斜切分割画面,界面上通过上中下切割画面区分开大标题、logo、辅助信息,看起来很平衡
6、左上角的logo设计很有特点,右上角的以手机壳作为剪切画面的效果搭配样机展示的手法很有特点,下方的辅助信息搭配上自己的特点进行展示,也很不错
7、纯色的背景上通过手绘增加点缀物和给字母加上描边并作出立体感,还通过投影增加立体感,挺好看的
8、以渐变色作为背景,界面内部多出运用破形效果增加人的联想,大部分元素都没有完全显示,标题和按钮则是按照常规的大小粗细等进行区分
9、斜对称性构图,搭配上样机展示黑白模式,比较新颖,界面的设点选择也很好看#果冻老师的设计小开眼[超话]#
#像素范儿设计小开眼DAY 204 #
来源:behance
个人看法:
1、夸张的波浪发型,背景的波点和衣服的波点互相呼应,分割线将背景与前景划分成了两部分,通过茶杯书本等元素,大脑自动联想成书桌
2、黑白的线条纹理,搭配上深色渐变的衣服颜色,自动把画面联想成立体的了
3、在纯粹的线条中,将人物衣服中的装饰物的线条颜色使用彩色勾勒,增加了画面中的丰富性
4、和上一张相似的感觉,将线条扩展成色块,将视觉焦点吸引到帽子上
5、给衣服和头发叠加了材质纹理,因为这里面服装和发型是亮点的地方,通过材质纹理和其他内容拉开层级
6、通过给线稿的主视觉区域增加一个色调,让颜色和内容的调性更加搭配
7、弱化背景的色调,将人物和宠物用高饱和度的颜色装饰处理,通过增加底部的阴影让内容更立体
8、以线稿作为基础给人物上色并通过渐变色和高光条增加细节
9、保持色调一致的同时给服装上色,人物的轮廓使用背景的浅色调和深线条形成对比#果冻老师的设计小开眼[超话]#
来源:behance
个人看法:
1、夸张的波浪发型,背景的波点和衣服的波点互相呼应,分割线将背景与前景划分成了两部分,通过茶杯书本等元素,大脑自动联想成书桌
2、黑白的线条纹理,搭配上深色渐变的衣服颜色,自动把画面联想成立体的了
3、在纯粹的线条中,将人物衣服中的装饰物的线条颜色使用彩色勾勒,增加了画面中的丰富性
4、和上一张相似的感觉,将线条扩展成色块,将视觉焦点吸引到帽子上
5、给衣服和头发叠加了材质纹理,因为这里面服装和发型是亮点的地方,通过材质纹理和其他内容拉开层级
6、通过给线稿的主视觉区域增加一个色调,让颜色和内容的调性更加搭配
7、弱化背景的色调,将人物和宠物用高饱和度的颜色装饰处理,通过增加底部的阴影让内容更立体
8、以线稿作为基础给人物上色并通过渐变色和高光条增加细节
9、保持色调一致的同时给服装上色,人物的轮廓使用背景的浅色调和深线条形成对比#果冻老师的设计小开眼[超话]#
✋热门推荐