大家好!我是一个UX设计师,希望能和喜欢探索用户体验的朋友一起成长。我会不时地更新一些关于用户体验的文章。本文主要有:不需要UI和个人网站的前端制作,只需一个斧头就可以了!
越来越多的人想创建自己的个人网站,分享自己平时的工作总结和收藏,组织自己的个人网站,不仅帮助同龄人互相学习,还体现了自己的能力。我用AXECO做了个人网站,拿这个网站。作为一个例子,说明如何使用AxEube来制作高保真个人网站。
如果后期维护频繁,建议网站要正常开发,需要后台维护。AXEURE网站只适用于维护更小、更简单的网站。
在文章开始之前,让我们来看看网站的效果(http://uxGA.com)。我想孩子们的鞋子可以继续往下看。
所谓后台维护,就是开发一个官方网站后台,每天通过后台上传新文章、新内容等信息。AXECO只能显示效果,所以AXEURE生产网站在这种情况下不适用。
首先,AXEUR导出的HTML文件比普通前端开发的HTML文件要大,如果网站上有更多的页面,或者单个页面上有更多的内容或图片,网站加载速度很慢,所以这种场景不适合用AXEURE制作网站。
现在最复杂的动态和交互是用H5和CSS3完成的,在过去我们可能已经看到Flash或AE效果。目前,大多数都是通过Flash和AE实现的,前端被转换成代码。如果添加了复杂的动态EF,则可以使Web浏览更加流畅。对轴的影响和交互,必然会影响站点的加载速度,从而大大降低了站点浏览的效率。
考虑到主流显示器的分辨率,设置的内容区域的宽度为1200 px,所有的内容和图片都应该放在这个1200 px以下。你可以在页面中拉一个参考线,把它拉到横坐标1200的位置。宁。没有必要在左边留下空间。下一个将讨论页面的中间部分。
我们提到的最后一件事是,我们不留左边的空间,因为我们想要设置中间对齐的页面。选择项目页面样式编辑器,在页面布局中选择第二个,中心对齐。浏览器预览时,IIR页面为中心。
如果网页的背景是相同的颜色,则直接点击当前页面上的空白位置,然后选择样式背景颜色,并选择所需颜色。
如果一个页面的不同模块具有不同的背景颜色,我们需要使用动态面板来实现它们。首先拉一个动态面板,将高度设置为所需的高度,宽度是随机的,但是为了便于在该模块上添加内容,建议使用T。其宽度与网页内容的宽度(如1200 px)相同,然后设计样式中需要的背景颜色,再勾出100%个宽度。在浏览器预览后,模块的背景颜色适应各种分辨率。
我做的导航效果是固定在浏览器的顶部,为什么要固定浏览器的顶部,是因为页面的内容较多,用户向下滚动,直接可以看到导航和操作。
(1)拉动一个动态面板,导航的高度是动态面板的高度,宽度被拉到1200 px(宽度必须拉动内容区域的宽度,因为导航的内容应该放在动态面板中)。
(3)固定到浏览器,固定到浏览器窗口,固定到中心的水平选择,固定到垂直选择。底部总是在顶部。如果导航中没有其他内容,导航的右侧需要有一个二维代码,所以我没有检查。(不要检查所有页面的设计,你应该把导航的动态面板放在L的顶部。艾耶尔)
导航文本:导航文本需要放置在动态面板中,文本需要有三个状态,当前页面状态,鼠标悬停状态,正常状态。
横幅地图是整个网站中最大的图片。建议不要将横幅图直接放在AXEURE文件中,这既不能适应,也不能影响加载速度。
所有可点击的图形按钮,文本按钮需要有三个状态,正常状态,鼠标悬停状态,鼠标下移状态。
(2)选择固定于浏览器,水平固定选择在中间(根据站点大小,调整边距),垂直固定选择,检查始终保持顶部。
网站上有一些文章、建议和其他模块。点击后,链接不是站点的站点。我们需要在可点击区域添加可点击事件,链接到外部链接,并在浏览器的新窗口中打开它。具体操作如下:
例如,在横幅上的文字,推荐各种词等,尽量不要把它放在图片的形式。尝试使用AxEe排版。
因为它的高保真度,不可能像低保真度那样粗糙,细节如字体、字体大小、间距、颜色等等。你应该注意诸如UI设计之类的细节。
可点击的区域,如物品,当鼠标悬停时需要改变,比如外部照明和冲程的影响。我们必须遵循设计原型并及时反馈给每个用户。
这可以由我们自己选择,从腾讯云或Ali云购买,这是更便宜的购买。域名后缀试图选择常见的,如CN,COM等。前字母表可以从拼音或拼写与自己的名字。
我不太明白这一点。这是朋友的帮助。这是吉特布。你可以在因特网上搜索,你不必为服务器付费。这是一个注册和使用帮助的教学希望,链接:http:/Blog .CSDN.NET/P10010Toe/详细信息 / 51336332