首页 教程内容详情

AI生成笔记本官网首屏样机图

2026-09-19 107 sheji

一台笔记本电脑斜放在桌面上,屏幕显示网站首屏,一只手搭在触控板上。提示词如下:

生成一张笔记本电脑展示网站首屏的样机图,横版5:4,浅灰#E5E5E5背景,桌面为浅灰哑光。

载体:1台银色笔记本电脑,屏幕向后倾斜约105度,机身从画面左下向右上呈约20度斜放。一只手从画面右侧伸入,食指搭在触控板上,手腕以外不入画。

视觉锚点:网站左上角logo是深藏青#0E2A47方形,方形右下角被一道弧线切掉,logo右侧印「CLOUDLEDGER」深藏青粗体。

排布:屏幕内容为网站首屏,底色米白#F7F5F0。顶部导航栏右侧4个菜单项:「产品」「方案」「案例」「联系」,深藏青小字。左侧文案区从屏幕高度28%处开始:第1行小字「给中小企业的记账工具」,第2行一段电光蓝#2D7FF9短横线,第3行起是三行超大号深藏青粗体标题「把每一笔账 / 算得明明白白 / 一分不差。」,文案区宽度占屏幕的45%。右侧图形区:3条电光蓝#2D7FF9的弧形色带从屏幕右上角向左下扫过,色带宽度依次递减,最宽的一条占屏幕宽度的18%,色带在屏幕右下角出血裁切。

光影:屏幕亮度适中,无反光,键盘有细微高光,笔记本下方有柔和接触阴影。

禁止:屏幕内不出现除导航和标题外的文字,不出现按钮,不出现真人面部,色带不覆盖标题文字。

20260919153956-69d65c98c1882ca0.png

换成家居品牌,把弧形色带换成「一张沙发的局部照片从右侧出血」;换成教育品牌,换成「3个圆形色块依次错位叠放」。标题保持三行,每行3到5个字,字号超大。