少有人走的路!使用遮罩、混合模式和交错排版的优秀网页案例 - 优设网 - UISDC

少有人走的路!使用遮罩、混合模式和交错排版的优秀网页案例

2015/11/20 11949评论区

mask-blending-mode-offset-typegraphy-1

创意是无处不在的,在网页设计中,若发现一些好的灵感或趋势,就尽量去尝试应用到你的项目上,把哪些枯燥的、已经烂大街的创意能少用就少用了,毕竟设计师也是要提升自我,不要为了快速完成工作就随意了事。

今天为大家整理的网页设计创意有图像遮罩、混合模式、交错排版,这些在网页设计中不常用,看起来却挺有创意的版式创作,在实际操作中难度也不高,Web设计师们都可以试试。

图像遮罩(Image Mask)

Axteria Strategy Consultant

会PS的人都懂图像遮罩怎么使用了吧?看看下面的例子,可以这么玩的,简单美观。

不懂的同学可以参考教程:《PS新手教程!教你快速打造梦幻的美女重影图(附抠图方法》

How The Stars Align

 Sons of Gallipoli

 Greenwood Campbell: Digital Agency

混合模式(Blending Mode)

通过类似混合模式的手法,可以实现一些比较艺术(另类)的创作,使用这个应注意对色彩和创意的把握,因为很容易搞得很难看…

可以看看阿里同学总结的配色方法:《色彩搭配速成!3个实用方法帮你全面搞定配色》

Found them First

Au service de la France

6-web-inspiration

Holm Marcher & Co.

Viens-là

8-web-inspiration

 Roman Neustädter

9-web-inspiration

交错排版(Grid Offsetting)

关于交错排版,其实这些案例有很多,但却不好运用,所以建议大家能考多点案例,一个个尝试,下面的就是不错的例子。

想学排版,小编最推荐的教程是这个:

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》
  3. 《设计易容术!如何设计一张高品位高水准的海报?(三)》
  4. 《大学生专属教程!4个方法帮你设计好看美观的社团海报》

62 Models

Do Amaral, A

【优设酷站十二连发!】

《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
《酷站两连发!游戏配色网站+免费美女素材特供网站》
《酷站两连发!在线配色神器+英文字体推荐网站》
《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量105万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/mask-blending-mode-offset-typegraphy

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里