一开始我就在想,现在网上那么多漂亮网站,要不自己试试用Adobe的工具搞一个?反正我是个爱折腾的人,前阵子看别人分享网页设计,就觉得挺眼馋的。Adobe嘛家里电脑上就有套软件,比如Photoshop和那啥XD,以前只用来修修照片,没正经玩过网页。这回硬着头皮上,心想从零开始弄个简单的主页就行,不搞太复杂。
动手前准备
第一步当然是翻出软件来。我电脑里装的Adobe Creative Cloud,就点开更新了一下——结果老半天没反应,急得我直骂街。重启电脑后,终于看到Photoshop和XD都亮晶晶的在那了。XD那玩意儿是专门搞网页的,就先开了它。界面一堆按钮,看着挺糊的,乱点了几下,找到新建设置的选项。我选了个Web模板,尺寸定在常见的桌面尺寸,省得回头乱套。背景?想着做个干净点的,直接选了白色,先扔个框框上去当页面主体。
瞎折腾设计阶段
接下来就瞎搞了。标题栏总得有?我拿文本工具敲了“我的小主页”几个字,字体选的默认那个黑体,大小调大点显眼些。颜色咋弄?看人家网页都蓝不拉叽的,我就随手点了个蓝,结果太亮,又减了饱和度——这样顺眼多了。导航栏要放在上面,简单加几个按钮:首页、介绍、联系我。拖拖放放就搞定,但位置老对不齐,费了老大劲才用对齐工具拉直了。
- 中间内容部分:我就放了个大图占位,直接导入张旅游照片——图片太大撑爆了框框,急得我直哆嗦,用裁剪工具切了切才合适。
- 文字说明:写点简单介绍“这是我的博客,随便看看”,调了行高,免得挤成一团。
- 底部设计:加个版权信息,把年份和名字写上去。整体嘛感觉挺简陋的,但新手不就该这样嘛
碰上的麻烦事和补救
整个过程磕磕绊绊。最头疼的是设计工具老卡住——一点元素就转圈圈,气得我差点砸键盘。心想是不是电脑老了,就关掉其他软件试试,这才顺了点。颜色搭配也是个坑:本来想把导航按钮搞点悬停效果,一查教程说要用交互模式,结果点来点去设置半天,还是出不来。算了,干脆简单点,免得折腾死自己。导出的时候也搞笑:本想输出HTML文件,点错成图片格式了,只好重新来过,好在没白瞎。
搞完了和感悟
折腾一整天,终于整出个能看的主页。导出后用浏览器打开瞅瞅——还行,跟预期差不多,就是个大白背景蓝导航的玩意儿。虽然粗糙得很,但好歹是自己搞出来的,心里有点小得意。老婆看到后还笑话我:这网页比你修的照片还丑!不过她顺手建议加个动画,我说下次再说,新手慢慢来呗。Adobe工具还是不错的,上手不难,但要精细就得费时间。下回我可能换个主题试试,比如弄个美食博客主页,省得老是蓝不拉叽的。记住:玩网页设计,一开始别贪大,从简单开始才不会搞晕头。





