MyFirstWeb3 Refactor 网站主页设计风格讨论案

MyFirstWeb3 是LXDAO Web3 & DAO教育板块的交互性教育项目,1.0已上线的系列项目有:

2.0版本将基于1.0的已有内容,设计开发MyFirstWeb3聚合主页,用于索引MyFirstWeb3系列的所有项目。

可供参考的1.0版本策划方案: Notion

2.0版本策划草案: Notion

设计风格讨论与投票

我们目前正在重构MyFirstWeb3 2.0网站的视觉设计,目标是让Web3学习变得更加直观和有趣,在保持内容结构不变的前提下,我们尝试了 9种 不同的视觉方向,为了确保最终上线版本符合用户的真实喜好,我们需要大家的帮助来缩小范围。

请浏览下面链接中的设计方案,并选出你认为最清晰最有吸引力2种 方案。

请在评论中回复:

  1. 方案x
  2. 方案y

(如果你能简单说说为什么选它们,或者觉得哪个设计“绝对不行”,请务必告诉我们,我们会根据投票结果推进下一步开发。)

2 Likes

1.方案8

比较温和清新,适合新人友好风格

2.方案7

这是比较流行的磨砂玻璃风格,偏极客风,但不尖锐

都是个人观点,仅供参考

方案4

兼具色调清新,以太坊关联性和整体界面清晰三大优点,首推。

方案7

极客风格非常贴合学习内容

个人不太推荐方案8,虽然画风很可爱,但我觉得学习网站应注重简约易用,其次风格契合。偏可爱画风稍微有一点喧宾夺主,且风格不搭。

  1. 方案 5:兼約、清晰
  2. 方案 8:畫風可愛。認同網站的簡約性,但這僅為主頁,資訊量也不多,應該可以可愛一下哈哈,也比較溫馨

關於方案 7 ,我認為這種漸變、磨砂風格,有點太 AI,磨砂玻璃效果視覺上也有點糊

  1. 方案1:整体风格简约干净,又恰到好处地加入了一些色彩点缀,我觉得特别适合学习场景,既清爽专注,又不失活力。

  2. 方案3:视觉风格很接近 ethereum.org,给人一种熟悉又亲切的感觉。

  3. 方案7:色彩过于丰富,视觉上有些杂乱,可能会分散注意力,不太利于沉浸式学习。

首推方案1:排版设计简约,色彩上又增添一些活力。

其次推荐方案3: 色彩搭配和字体大小搭配,使内容一目了然,排版有留白呼吸感。

个人不建议方案9:色彩排版给人一种卖保险的感觉。

推荐方案

  1. 方案1,整体效果和之前的FIRST NFT很像,但是要是真正开发,配色需优化,动画效果肯定得加,不然很单调

  2. 方案8,可能对web3新手更有亲和力,但是要把握幼态和学习之间的度

  3. 方案5,中规中矩,但是border可能得少用一点

以下是不推荐方案

方案2,颜色搭配太奇怪,橙色和亮蓝色,加上霓虹色非常乱

方案3和4都太冷淡了,没有让人学习的欲望(不过方案3排版不错)

方案6,很平平无奇,太简单的排版

方案7,太ai,太刻板,看起来是个很假的网站

方案9,很商业金融,看起来很专业,但是可能风格和主题有点不搭?

**推荐方案:**方案一,风格简约,色彩柔和,贴近教育,且与之前的first系列风格统一

**不推荐方案:**5、6让人感觉像宣传海报,7感觉像某公司页面,八感觉像宝宝巴士

1.方案2 有选择任务,成就项目更好激励,有一种赛博朋克风

2.方案1 简洁清晰,有几种颜色搭配,能突出select mission的部分,又不会过于花哨,吸引眼球