虽然有许多专用的网页设计软件和工具,但Photoshop仍然是不可或缺的重要设计软件之一。但在使用Photoshop进行网页设计师,还是有一些地方与平时修图、做海报设计有不同的地方,今天秒秒学小编今天给大家总结了10条PS网页设计小秘诀,能让你在网页设计过程中更加省时省力。

  1、使用网格系统

  网格系统可以节省网页设计中的许多麻烦,譬如元素的位置摆放、方向对齐等等。可以试着使用插件,如Cameron McEfee的GuideGuide Photoshop扩展,定制网格非常简单准确。

  2、统一规划网页

  网页设计师经常跳到一个特定区域,而不考虑页面的其余部分和内容的重量。成功的网页设计的比较好的做法之一是在做局部设计之前,将粗略的框架尽早排列到位,将所有元素放在PS画布上先进行统一规划,避免以后进行大规模的修改。

  3、查看自定义文档预设

  按Cmd + N打开“新建文档”窗口。预设菜单包含基本的网络和移动预设,可能会缺少一些网格系统、banner、IOS和Android设备的常见大小,可以花点时间补上它们。

  4、自定义默认类型

  打开字符选项面板,选择自己喜欢的字体系列,重量,间距和颜色。不要用那些默认的参数。

  5、分组图层

  使用Cmd + G分组图层,修改时可以快速找到元素所在图层。单独分组内容区域和组件(如导航,特色内容区域,支持组件和页脚)会在项目的整个设计和开发过程中节省大量的时间。

  6、使用智能对象

  使用智能对象在整个设计过程可以保持工作流程的流畅和顺利。将较大的照片和矢量对象转换为智能对象再缩放,旋转和倾斜等编辑,可以完好地保存图片的原始质量。

  7、保持色彩一致

  保持页面颜色使用的一致性,检查使用的颜色,尤其是导出图像的时候。

  8、使用智能蒙版

  例如,如果设计中有五个滑块图像,请将它们分组并将文字放在文件夹上而不是每个单独的图层上,这是一个比较好的解决方案。

  9、创建逼真的投影阴影

  降低不透明度,或者选择黑色的背景色来做较暗的阴影。

  10、使用高度锐化的照片

  如果设计师从客户那里收到了低分辨率的照片,使用起来太模糊了。复制图层,然后转到“滤镜>其他>高反差保留”。选择一个低值(约2.0),然后将该层的混合模式设置为叠加,甚至还可以减少不透明度,照片可能清晰了不少哦。

  还要了解PS网页设计相关知识和技巧的,可以看看秒秒学:

  《Web设计第一天》

  https://www.miaomiaoxue.com/show/bookshow/aabe88fc5876c4ab01589945e134350f.html?sh

  《网页设计美学》

  https://www.miaomiaoxue.com/show/bookshow/aabe88fc581f2d5f01582395277804c9.html?sh

  《网页设计软件拓展》

  https://www.miaomiaoxue.com/show/bookshow/aabe88f856c07c960156c465274502a4.html?sh

  等类似的课程,详细介绍了网页设计的要素和原则以及网页设计基础知识和美学相关知识,相信对于PS进行网页设计会有更深层次的了解,当然你也可以进抠裙249307012和同好们一起相互交流,还有惊喜给你哦。

  ——————————————

  更多秒秒学信息: