15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 平面设计Studio 06 ▏界面设计&网站网页设计项目

平面设计Studio 06 ▏界面设计&网站网页设计项目

时间:2022-08-05 01:51:01 | 来源:网站运营

时间:2022-08-05 01:51:01 来源:网站运营

克瑞斯专注艺术类留学作品集培训,近期结合面授及线上远程两种教学模式,界面设计Studio 06是网站网页设计项目,对此类感兴趣的同学们,欢迎学习参与。克瑞斯陆续推出更多专业项目,请按照文末联系方式,关注公众号了解课程详情。




项目信息





●项目分析

网站目的是什么? 除了拥有优质照片外,网页还需要具备一定的背景,以吸引网络受众并传达情感。

●模式分析

①演示文稿和品牌文档规划。

②网页产品形象定位及分析,特定环境中的产品或服务呈现方式及效果。

③布局设计、分屏布局中网站被分成两半,两个不同图像不同意图和CTA。

④网络安全的颜色使用,活版印刷艺术字的使用。

⑤网格是启动移动应用程序设计任务的基本设计路径。







●趋势分析

讲故事和高互动性成为网页设计的趋势,网页灵活性和趣味性变得更强。




课程介绍





●课程方向:网站网页设计

●授课方式:线上&线下

●课程时间:待定(根据学生的实际情况调整)

●课程形式:一对一&三人小组

●课程目的

了解网站构建,学生掌握网页设计从形象定位到产品呈现全过程。




学习大纲




●应用软件

Photoshop、Illustrator、Indesign等软件及手绘板安装。







●调研方法及学习方向


①UI工具包使用,网格设计。

②Flexbox将重新定义响应式网格系统。

③卡片布局:Pinterest首创,网络卡片以一口大小块呈现,适合扫描,每张代表一个统一的概念,适合充当内容容器,便于重新安排用于不同的页面构成。

④页眉页脚、标签和菜单能凸显主题内容,更佳简洁。

⑤材料设计Google开发一种设计语言,表现元素被赋予模块化,有趣的图像、表达、隐藏功能及个性化数据等。

⑥平板网站表单包含设备扩展和屏幕大小,平面设计原则将永远不会消失,用户不会错过平板网站想要展示的内容。

⑦半平面设计,该类型创建和管理平面设计非常容易,设计师也可以之后添加图标、菜单或插图等额外内容。




设计步骤





●分析阶段

①项目灵感启发、主题设计空间探索。

②主题调研技能与方法讲解,调研结果的筛选、总结、视觉呈现与转换。

③网站用户体验心理学分析,实验性用户调研问卷报告。

④网站建设、网页布局形式制定,色调及风格制定。

⑤思路与创意的转化与创新,设计过程标准化。







●设计深化阶段

①版式设计、方案设计。

②界面、图像优化。

③网页、网站制作表现。

④翻译、院校上传规格分析、版式版面设计。

⑤排版、压缩、链接制作。




●设计出图与表现

网页效果图、排版版式、拓展性设计。




●拓展性学习范围

①删除非必要的设计元素以支持简单性,简约设计的优势:减少分心、清晰的信息处理、简单的编码、快速装载、美观大气。

②单页设计或简化的多页设计吸引用户访问网站,用户回避页面繁重的网站。

③固定宽度居中的网站布局,符合显示器比例尺寸标准,用户便于知道网站从哪里结束。




参考书目与网站





●参考书目

《编辑设计》

《设计的细节》

《网页设计和网站制作》

《品牌视觉》

《配色设计》

《数据视觉化设计》

《UI设计必修课》

《电商视觉营销》




●参考网站

设计作品:大作网、Behance、Pinterest

优秀案例:Dribble

图标网站:Flaticon、iconfont等。




学习成果





●学习周期为

①前期调研1周:项目调研、灵感来源图片及参考备注、信息汇总、数据研究、设计要点完善、分析图制作、调研成果、前期分析探讨等。

②逻辑推敲及概念设计1周:思维导图、视觉可视化设计、手绘方案推敲数次。

③方案设计及细部设计2周:方案设计、制作过程、效果图。

④网页图面绘制1周:网站网页设计图、尺寸标注、不同色调及类型产品图。

⑤制作3天:网页界面制作、色调调整、后期处理、排版设计。

⑥翻译及排版1周:目标院校所需语言翻译工作、版式版面封底设计、页眉页脚设计、字体字号设计、输出尺寸制作、版式内容页面调整和制定样式风格、各页面图面比例位置、图面图片大小尺寸及色调调整。

⑦制作录取标准的作品集2天:包括不同版本PDF、JPEG、视频、网站链接及电子版册子。

⑧面试指导1小时:面试技巧及应变方式方法、面试流程及各个环节分析、自我介绍及基本信息问答、面试主题及问题细节答疑。




△灵感来源-克瑞斯录取案例

△方案规划-克瑞斯录取案例




△网页设计-克瑞斯录取案例

△细部设计-克瑞斯录取案例

△使用方法-克瑞斯录取案例

●更多参考




想了解更多艺术留学Studio,长按关注公众号“克瑞斯国际艺术教育”留言:姓名+联系方式+申请国家+专业,克瑞斯顾问老师会第一时间联系并解答。

关键词:设计,项目,界面,平面

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭