创意工作室网站信息架构:КРЕМ的大字节奏界面设计预览

创意工作室网站信息架构:КРЕМ的大字节奏

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

КРЕМ把品牌标识和项目名称放得很大,但三组页面并没有始终使用同一种信息密度。首页先给印象,项目页补范围,博客让正文进入白色阅读区。创意工作室网站信息架构可以借鉴的,是这几种节奏之间的转换:品牌有表达空间,内容也有自己的读法。

首页先让人感到工作室的气质

白色КРЕМ横跨画面上半部,下方是一张带红色拖影的汽车图。字形厚重而稳定,照片则带速度和光线,两种视觉力量互相牵制。竖向细线贯穿页面,将分散的小字入口放在相同轴线上,所以整体并非随意堆叠。

作品、关于和联系沿标识下方排列,博客位于左下,与二维码及简短说明相邻。导航让人在观看大字之后仍有继续访问的路径。这种开场适合把表达气质作为合作判断一部分的工作室,尤其当作品数量足以支撑后续浏览时。

需要留意的是,小菜单与坐标样文字的字号接近。前者承担操作,后者更多承担识别气氛,正式界面应让它们在位置、对比或状态上有明确差别。背景若更换,菜单也应持续清楚,不能只在这一张灰色区域中恰好可读。

КРЕМ白色大标识、分散导航及红色汽车主图
首页上半与中部|标识建立识别,导航沿轴线承接继续访问。

项目页从“谁”转向“做了什么”

ARENA BULLS以两行大字占据项目页上部,下方三列分别交代项目、标识与网页设计、任务与方案,再接黄色图形。页面把首屏的大字方法延续下来,却把视觉中心从工作室名称转为当前项目,读者能辨认内容层级已经变化。

摘要的位置很有作用。它出现在展示图之前,让后面的黄色图形和标识拥有解释背景。对作品集来说,画面完成度与具体工作范围是两种信息;一张完整产品图并不能自动说明团队承担了全部研发。摘要应清楚列出涉及的内容,再让图片展示质量。

界达设计工作室(JVDS)认为,大标题可以成为作品集的识别系统,说明文字仍应保持足够读得下去的尺度。三列布局给了信息稳定位置,不过窄屏时更适合顺序堆叠,保留项目、范围、任务的连续关系。

ARENA BULLS项目大名称、三列说明和黄色主视觉
项目页标题下方|任务摘要为后续展示图提供工作范围。

博客给长文另一个阅读空间

博客展示图把品牌照片、灰底栏目区和白底正文并置。人物近景与街景继续保持鲜明气质,正文却以文章编号、标题和较规则的文本展开。视觉系统因而有层级变化:照片负责识别,栏目负责定位,白底区域负责阅读。

这组展示没有证明三个区域会同时固定在真实浏览器里,能确认的是它们承担不同任务。若采用并排布局,正文宽度应首先保证阅读,栏目选中项应清楚;在手机上,品牌大图也不宜持续占据长文所需空间。

从首页到作品,再到文章,КРЕМ没有把所有内容缩成一种卡片。它用大字保持亲缘关系,再用不同留白和文本密度适应内容。真正值得借鉴的是这种分配:每个页面既能辨认工作室,也能回答来到此处的人最关心的问题。

КРЕМ博客中的品牌图片、灰底栏目和白底文章
博客从左到右|品牌图像、栏目与正文承担不同阅读任务。

给品牌表达安排可继续的路径

创意工作室和专业服务网站,可以让首页建立气质、作品页说明范围、文章页承载观点,并用清楚导航连接三者。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划作品集网站、项目展示和专业内容页面。

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目