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

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

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

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

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

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

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

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

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


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

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


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

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


下面正文开始:




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

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



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

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

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

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

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



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

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


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

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

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

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

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



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

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

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

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



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

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


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

                                                                      加油,少年!




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