随笔分类 - 前端GUI设计
整理分享自己在学习前端web设计中的收获所得
摘要:前言:前端离不开与设计的沟通,有时候还需要自己上手改动甚至设计网页,所以这里简单梳理一下近期学习的“网站美工”相关知识及练习。(工作用不上的时候,自己玩儿着也蛮有意思的,哈哈(*゚∀゚*)~) 一、PS软件工具 基础练习: 二、抠图蒙板图层 基础练习: 三、修图调色 基础练习: 关键总结: 流行趋势
阅读全文
摘要:前言:公司在前端组和视觉组交接设计稿切图的时候,总会因为视觉组同事们对前端的实现原理不清楚而出现各种问题,在用的时候还得再次返工,前端组同事们一致觉得应该出一份《设计稿切图通用性标准文件》,这里是我结合资料做出的一份总结。 1、切图资源尺寸必须为双数 2、LOGO类图片以方形切图输出 3、可点击部件
阅读全文
摘要:前言:设计具有艺术性,但与艺术不同,艺术的服务对象是画家本人,设计的服务对象是用户。在网站设计中设计者要学会合理利用“眼眺”(眯眼保留的是重点)的方式,每个信息目标都是视觉刺激,要保证用户通行无阻。 1、图像格式 GIF格式:适合色彩单纯,层次较少的(透明通道较生硬) JPEG:压缩比非常高 PNG
阅读全文
摘要:前言:网页美术设计具有四大特点,分别为交互性、整合性、多维性以及动态性。完整的网页设计既需要试听元素,也需要版式设计,以求有效的传达信息。在设计的时候,设计者要学会利用框架,也要学会打破框架。 1、主题信息传达明确 单纯、简练、清晰和精确 符合视觉习惯和逻辑规律、文本条理化、样式化处理 形式美法则,
阅读全文
摘要:前言:优秀的网站设计作品都有一些相似的地方,即使是美学,也一定会遵循着一定的规律。 这一组,属于同类。 主题:点心。 背景:卡通动物形象。 色调:柔和,甜美。 点线面布局: 面的使用: 在这两个网页中,导航栏和主页面的矩形边框是几何形,规则,平稳,理性;背景的动物插画师人造型,活泼,自由;点心的实物
阅读全文
摘要:写在前面:这个教育网页一共分为四个页面,首页、课程、活动、空间。是我在学习网页设计与策划的时候作为知识应用练习做的,主要使用Photoshop软件设计构图,其中图片素材与部分灵感来源于网络。 1、网站类型定位 个人网站与教育网站相结合 2、市场定位 目标客户:年轻人,以学生和创业青年为主。 发展方向
阅读全文