最简单的合成,快速搭建一个网页首页

用户头像
深圳/网页设计师/4年前/396浏览
最简单的合成,快速搭建一个网页首页

偶然间翻出来的一个很早之前的阿里国际站的首页,分享一下之前的制作过程

适合新手,希望对你有所帮助...

一般刚开始和客户对接,先问了一下客户需求,客户直接回了一句,你自由发挥

这样的话有好处也有坏处,因为你不了解客户喜好,容易出事,很多时候即使你做的东西很漂亮

但是不是客户想要的,那就凉凉,所以呢,多多少少问一下风格,颜色,字体,和客户能提供的

素材和产品图片,最好让客户提供几个喜欢的网页,或者竞争对手的网页,好少走弯路;

好处就是你可以随心所欲,没有限制,但是呢还是要先考虑一些基础......


很多时候会没有灵感,怎么开始呢?一般是先找客户竞争对手网页看看分析一下先,然后大致定

个方向,然后找图,灵感往往都是找图找着找着就有了...


比如,一般客户没提什么要求的,一般先从客户logo或者产品入手,我这个网页就是按客户logo

来参考做的,颜色,再根据客户产品定位,风格...


下面正文开始:




分解一下,首先是店头,但其实一般先做首屏海报才能考虑到店头,还是先说首屏海报:

一个人物,一张背景图,这就是最简单的合成,人物应该是千库里面下载的,背景图应该是wallhaven里面下载的



这个板式框架应该是花瓣里面的,就是找素材的时候看见的,然后灵感就来了...

人物有些地方的光影是直接用加深工具涂抹的,所以会有点不自然,正确的合成应该是叠图片

背景图的延伸也是直接用仿制图章直接涂抹的,也会有点不自然,正确的也是应该叠图片

还有就是图片得调颜色,一般遵循的原则是按产品图片颜色,用色阶曲线那些,或者用滤镜里面的

相机(Camera Raw)滤镜......



人物和产品图片抠出来多多少少会有白色描边,记得叠加个背景描边,或者收缩一两个像素,或者液化一两个像素

我当年就犯过这错,被老大一顿骂,年轻人啊,记住,抠图仔细点...


文字这个,其实这里放这个简介是不合适的,文字太小了,优势这个板块也是,因为其实这个字体不太适合,

文字间隔这个就不说了吧,1.5倍是比较合适的,至于中间公司图片这个,因为客户提供的图片就这样,不好

说什么,如果有合适点的图片肯定会不太一样...

前面两边的三角形,本来是没有叠加背景的,但是呢确实加个图片好看一点,这个还是客户提的...很多时候做

的第一稿可以先发同事看看,多少会有点建议给你的...



logo这个板式是因为颜色问题,所以斜切了

文字,就是从店头这里的问题了,公司名字太长了,稍微粗一点就进不去(没开车),考虑到协调,

所以呢就用了细一点的字体,

优势这里的图标是有问题的,别学,像UI这种图标的,记得务必要统一



中间这个滚动海报,什么都没做,简单的一张图片,真的,做设计,图片好看比什么都重要,后面的没什么了,

都是后台的截图...一个网页或者说一张图片最重要的是颜色协调,就和写文章一样,很多手法,像前后呼应......


                       借一个朋友说过的一句话:没有什么是人做不了的,只是看你愿不愿意去做罢了。

                                                                      加油,少年!




1
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
水蜜桃和李子的平面水果图案
城阙凡花
平面男孩喝咖啡插画设计
金色颗粒质地的平面
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
海底世界插画
平面设计风格的粉色草莓味马卡龙
玄关入门地毯印花图案红地毯
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
城市园林平面布局航拍
倒计时,海报,平面
城市园林平面布局航拍
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
平面风格黄绿色系花朵装饰
“知识宅急送”外卖,快递,平面,海报,素材,教育
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
金色颗粒质地的平面
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册