二、页面构成与色彩搭配

最新推荐文章于 2024-10-01 17:02:02 发布
最新推荐文章于 2024-10-01 17:02:02 发布
阅读量463 收藏 1
点赞数
文章标签： photoshop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43555997/article/details/117676882
版权
本文详细探讨了网页设计中的页面构成，包括PC端和手机端的首页与详情页设计，强调了店招、海报、分类和优惠券等元素的尺寸规范。在色彩搭配方面，介绍了RGB和CMYK色彩模式，强调了整体页面色彩搭配的重要性，并提供了马赛克取色和海报色彩搭配的实用技巧。
摘要由CSDN通过智能技术生成

二、页面构成与色彩搭配

页面构成

PC端
首页

在这里插入图片描述

店招

在这里插入图片描述

  • 淘宝店铺（宽度950px，高度159px）
  • 天猫（宽度990px，高度150px）
海报

在这里插入图片描述

  • 尺寸建议（通栏宽度1920px，高度800px左右）
分类&优惠券

在这里插入图片描述

活动专区

在这里插入图片描述

底部信息

在这里插入图片描述

详情页

在这里插入图片描述

  • 主图：

    800px*800px

    在这里插入图片描述

  • 左侧

    尺寸：宽度190px，高度不限

最低0.47元/天 解锁文章
一个孤独漫步者的遐想
关注
1 一文详细阐述UI设计颜色搭配，受益匪浅~
YYDataV的博客
09-20 6014
心理学家认为，人的第一感觉就是视觉，而对视觉影响最大的则是色彩。 一图概括色彩意向： 色系 色彩意向 红色系 热情、张扬、高调、艳丽、侵略、暴力、血腥、警告，禁止 橙色系 明亮、华丽、健康、温暖、辉煌、欢乐、兴奋、热烈、温馨 黄色系 温暖、亲切、光明、疾病、懦弱、智慧、轻快 绿色系 希望、生机、成长、环保、.
功能测试框架BbC&SIP业务
py_era的博客
04-15 354
       最近想对BbC&SIP业务的功能测试要点做一下总结归纳,接下来将从界面测试、友好性测试、易用性测试、功能测试、容错测试、探索性测试、兼容性测试进行介绍。一.界面测试所有模块的界面风格是否一致，页面字体显示一致（除过重点突出部分）布局是否合理，色彩搭配是否美观，不显得突兀、拥挤页面模块、菜单、按钮、导航、日期输入框的位置、大小、状态是否合理页面信息和提示信息是否有逻辑错误、语法...
一些框架图的色彩搭配
热门推荐
peiwang245的博客
11-05 1万+
推荐20个优秀的网页色彩搭配实例
weixin_33735077的博客
07-31 748
在网页设计中，选择合理的色彩是非常重要的。用户在打开一个网站的时候，第一眼看到的不是网站丰富的内容，也不是漂亮的布局，而是网页使用的色彩。色彩的视觉吸引力是最强烈的，因此网页色彩的选择需要经过仔细思考。今天，本文搜集了20个优秀网页色彩搭配实例与大家分享，希望这些实例能带给你灵感！ Typemedia 2011 5emegauche More Hazards ...
推荐27个优秀的网页色彩搭配案例
weixin_33852020的博客
10-10 505
　　打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩。色彩给人的视觉效果最明显，一个网站设计成功与否，在某种程度上就取决于设计者对色彩的运用和搭配。 　　一个网站的配色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。本文搜集了27个优秀的网页色彩搭配案例与大家分享，希望这些案例能带给你灵感！ indubitablee de...
UI-网页设计-色彩搭配
水滴的专栏
11-25 1757
色彩
如何排版与色彩搭配
weixin_44570949的博客
04-25 2074
如何排版与色彩搭配 （撰写时间：4月23日 作者：李梦熙） 排版就是依照稿本把文字、图版等排在一起，拼成版面。 文字排版指的是将文字原稿依照设计要求组成规定版式的工艺。书籍、杂志等书版印刷物是以文字排版为基础的。目前，文字排版的方法有铅活字排版、手动照排、计算机排版等三种。 还有就是图片排版，图片排版的径向和纵向间隙要统一，这样看起来就不会太别扭，在视觉上给人美感，做网页或海报、banner、展...
网页设计与制作--项目-2-网页版式设计与色彩搭配.ppt
12-23
网页设计与制作是一个涵盖多个方面的复杂过程，其中网页版式设计和色彩搭配是至关重要的环节。版式设计关乎信息的组织和呈现方式，而色彩搭配则直接影响到用户的视觉体验和情感反应。本章的重点在于理解和应用视觉...
《色彩原理与色彩构成》
06-17
《色彩原理与色彩构成》是一本深入探讨色彩理论与应用的书籍，对于网页制作以及其他设计领域都有着极高的参考价值。色彩作为视觉传达的重要元素，它能够直接影响到人们的情绪和感知，因此理解和掌握色彩原理与构成...
Web 页面设计的色彩理论及应用
12-22
设计师需要根据这些要素，通过逻辑思考来选择合适的色彩搭配，创造出恰当的色彩构成。 色彩理论中的色立体是一个三维模型，用于定义和组织颜色。常见的色立体有孟赛尔立体、奥斯特瓦德色立体和日本研究所的色立体。...
【黎乙丙】平面设计之色彩搭配篇
weixin_48502772的博客
06-23 571
一个设计作品呈现到用户面前，第一眼进入眼帘的就是产品的视觉表现，而产品的色彩在其中起到了举足轻重的作用，毫无疑问色彩搭配对于设计师来说是非常重要的。那么具体到实际项目中该使用什么怎样的色彩，需要怎么做呢？下面我将逐步去分析。 色轮的概念 设计时不同电子终端上显示的色彩都是基于 RGB 模式，是一种加色模型。色光三原色就是红（Red）、绿（Green）和蓝（Blue）。首先来了解一下色轮。 色轮，是一个非常有用的东西。可以由此直观地了解到什么是三原色、互补色、类似色。在基础色轮之上，可以建立一个色彩体系，进
背景图通栏html,网页图片通栏实现的思路，谁能指导一下？_html/css_WEB-ITnose
weixin_32157619的博客
07-17 929
经常看到网站上有很多通栏的效果，比如轮播的banner这种，但是偶尔遇到单个图片宽度为1920px的时候，如何实现图片在网页居中，通栏呢？？网页宽度假设960px，图片宽度1920px。麻烦讲下思路，或者写个代码例子。谢谢。如图：回复讨论(解决方案)不限制body的宽度，然后在每个模块设置相应的宽度即可。、另外，不推荐使用分辨率非常高，或者文件特别大的文件，会导致加载速度慢等问题。不限制body的...
【Spine】引入PhotoshopToSpine脚本
Dust的博客
10-01 149
【Spine】引入PhotoshopToSpine脚本。
横排文字、图层蒙版-1(2024年09月30日)
tkhhhhh的博客
10-01 759
通过在Photoshop中精心操作图层，包括复制、移动和调整设置，设计师完成了美食优惠券的图片设计。操作过程从新建图片、放置背景图层开始，逐步添加元素并调整大小位置，使用画笔工具进行细节微调，以增强设计的美观性。为了提升视觉效果，操作者利用直排文字工具添加和调整文本，细致地更改字体大小、颜色和选择字体，确保设计作品既美观又具有信息传达的有效性。设计的整个过程注重对图层的灵活运用和图形元素的精确放置，以及对艺术效果的创新应用，包括利用滤镜和特殊效果来营造独特的视觉体验。
解决 Adobe 盗版弹窗
u014288878的博客
09-27 297
在这个文件夹下删除然后重装。
Camera Raw：打开图像
qq_41176800的博客
09-28 998
在图像工作流程中，无论是Raw 格式图像文件还是JPEG、TIFF文件，都可以先使用Camera Raw 打开并调整后，再进入其它Adobe 软件如 Photoshop 中进行进一步的编辑和处理。一、打开 Raw 格式图像1、通过 Adobe Bridge 打开在 Adobe Bridge 中选择一个或多个 Raw 格式图像。Br菜单：文件/在 Camera Raw 中打开File/Op...
Ps：打开与置入
qq_41176800的博客
09-29 737
在 Adobe Photoshop 中，理解不同的“打开”和“置入”命令及其用途，可以根据不同的需求选择最佳方式来管理和编辑图像文件。◆◆◆打开1、Ps菜单：文件/打开File/Open快捷键：Ctrl + O用于直接打开现有的图像文件。打开的文件将作为一个独立的 Photoshop 文档，可以对图像进行完整的编辑。2、Ps菜单：文件/打开为File/Open As快捷键：Ctrl + A...
前端初始化资源包初始化前端
最新发布
10-01
.....................
色彩设计指南：理解色相与和谐搭配
1.1-6中性色主导是指使用黑、白、灰等中性色与其他色彩搭配，以平衡和稳定整体设计。中性色能够强化其他颜色的对比，同时提供视觉休息点。 1.1-7多色搭配下的主导则是在多种颜色共存的情况下，仍有一主色贯穿其中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值