如何用AI设计作品集网站首页头图

如何用AI设计作品集网站首页头图

用 Morphic 根据文字描述,设计作品集网站的首页头图,带有你的姓名和宽幅横幅图。

什么是作品集网站头图?

作品集网站头图,是网站顶部的那条宽幅横幅。上面通常有你的姓名、你做什么,以及一张定下整体气质的图。摄影师、设计师和自由职业者都很看重它,因为访客几秒之内就决定要不要往下滑。每一次浏览,都是从这一块开始的。

用 Morphic,你在浏览器里写下文字描述,就能设计这张头图。说明主视觉、姓名的位置和想要的氛围,对比几种版式后,按宽幅比例下载 HD 高清文件。不用请网页设计师,也能拿到一张精致的横幅。

想清楚头图要说什么

先定下你的姓名,再写一句话说明你做什么。两条清楚的信息,胜过一段没人读的文字。

描述头图

打开 Morphic,描述一张宽幅横幅:主视觉图是什么,姓名放在哪里。再说明导航栏要留多少空间。多要几种版式,看视线最先落在哪里。

给界面元素留位置

要求画面里有平静的区域,放得下菜单链接和标志,又不会盖住主体。头图如果不考虑导航,网站一搭起来就会显得拥挤。

每种宽度都看一遍

先看宽屏的样子,再看手机会呈现的窄裁切。哪个版本里你的姓名落到了安全的中间区域之外,就重新生成。

导出并装到网站上

确认文字锐利,整幅宽度下图像的细节也还在。然后下载 HD 高清文件,设为网站的首页头图。

同一份作品集的两种头图版式,姓名和职业一行都在。

姓名居中、叠在宽幅主视觉图上的作品集头图版式
版式 A
姓名靠左、旁边是分栏图片的另一种作品集头图版式
版式 B

好的作品集头图有什么特点

特点含义为什么重要
一眼就清楚姓名和职业同时读到访客立刻知道这是谁的网站
给导航留空间菜单和标志有平静的区域可放搭好的页面不显得杂乱
中间有安全区关键内容在窄裁切下依然完整头图在手机上依然成立
气质与作品相符画面体现你的风格整个网站像一套完整的作品

Morphic 与传统做法对比

Morphic请网页设计师
费用在 Morphic 里即可完成每一轮修改都有设计费
时间几分钟拿到成品头图写需求、等反馈要花几周
技能门槛用日常语言描述即可需要版式和网页设计的功底
一致性可以重新生成配套的版本每次改动都要重新下单

常见问题

能把我的姓名和职业放进头图吗?

可以。把确切的文字写进描述里,然后检查生成的字,拼写或间距不对,就重新生成。

头图里能把中文名和英文名并排放吗?

可以。在描述里把中文名、英文名和一句职业说明分别写清,放在画面中间的安全区。生成之后逐字核对汉字,有错就重新生成。

能做出适合手机的版本吗?

能。把姓名和关键信息放在靠近中间的位置,然后预览窄裁切的效果。哪里被切掉,就重新生成。

能给不同页面做几张头图吗?

能。要求几个版本共用同一套风格,关于、作品和联系这几个页面就会像同一个网站。

之后想换头图,怎么办?

描述新的图片或文字,重新生成就行。更新首图只要几分钟,不用重新设计。

头图可以商用吗?

可以。用 Morphic 生成的图片可用于商业用途,用在你自己的网站和客户项目里都行。