比德勒科技

网站的设计原则

日期:2024-06-04 12:09 / 作者:www.biddlecn.com

简单技巧分享:怎么制作自己的个人网站

随着个人创业的流行,很多个人也需要一个比较详细的网站来展示自己,开展个人业务,或者积累粉丝等等。那么怎么制作自己的个人网站呢?又该怎么制作得更个性好看?下面就跟大家分享下制作方法。

上线了个人网站案例,禁止转载

一般来说,大部分个人都不懂代码技术,而从头学起又非常浪费时间,因此比较方便的方法是直接使用自助建站系统。现在市面上的自助建站系统很多,新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型。

有了建站工具后,个人网站制作流程如下:进入「上线了」官网,注册账号后选择【创建网站】,再选择一个“个人”模板。

点击模板进入后台编辑页面,在这里你可以添加各种功能版块。网站页面就是由各种不同版块做成的,如果做个人插画、作品集网站,你可以添加网格、相册、大尺寸媒体、横向布局、纵向布局、联系方式等版块来展示作品,和访客沟通。

如果是做个人简历网站,那么你可以使用个人简介、经历、教育、技能、相册、所参与项目等功能版块,介绍你的工作经历。

如果是做个人博客网站,那么主要就是标题、博客、留言表单等版块。

在左上角【风格】里,你可以更改网站的主题风格、字体、模板;在【设置】-【域名】里,你可以设置网站域名。你还可以在网站页脚添加社交媒体图标,链接到自己的微博、抖音、B站等各媒体平台,吸引更多粉丝。

(演示效果)

上述全部做好并预览无误后,点击左下角“上线”即可。

这样一个个人网站就做成了。如何让自己的网站更有特色?如何避免网站千篇一律?可以注意以下这几点:

(1)多样化版块布局

上线了网站的版块布局是可以修改的,顺序也可调整,你可以选择喜欢的布局,让网站更加个性化;

(2)个性字体

独特的字体可以让你的网站给访客留下更深刻印象,在编辑器里点击风格 - 字体,点开任一字体类型,从本地上传一个字体文件就好。

(3)多图展现

图片是体现网站个性和时尚的重要部分。现在人们越来越倾向于碎片化阅读,因此你的个人网站也不宜放太多文字内容,尽量多用图片和视频,让网站更有活力。

以上就是如何制作个人网站的教程了,布局版块、个性设计,全程都非常简单,基本不费什么脑子。

怎么才能简单的设计网站呢?网站设计该怎么做?「延建云」

【延建云】其实想要设计简单的网站的话,可以直接利用第三方网站平台去搭建网站,也是可以的。比如自助网站搭建平台等一些平台都可以简单的做一些网站的设计。而且这样的平台都是比较成熟的,而且很用用有很多模板。

用户可以根据自己的需求去选择适合自己的模板,然后就可以直接搭建网站了。当然,像这类的网站的收费是一般都是一年的收费模式。当然在选择这类网站的时候,应该要选择一些靠谱的网站,只要用户选择到靠谱的网站以后,就能够选择到合适的网站设计平台。

当然对于这方面的设计,也需要用户根据自己的需求去做设计,一般像这样的网站,平台都是可视化编辑,只要用户审美观比较好的话,可以自由的设计网站的布局以及网站的内页布局。

当然,如果用户想要自己单独的完成网站设计的话,也可以直接采用这种方式去做设计,因为可视化编辑用户可以根据自己的审美观去编辑自己喜欢的网站,这样的网站受众面也是比较广的,并且网站的设计元素也是比较多。

当然,可以根据网站的模块进行选择网站功能,适合自己运营的网站,然后再根据他们的功能进行全方位的设计。一般网站的设计就是根据用户的运营模式进行网站的设计,这样的设计一般都能够设计出自己满意的网站,具体网站设计的怎么样呢?这和用户的需求有直接关系,所以用不一定要注意自己的需求。

8个页面布局独特的网站设计赏析

很多网站仍然在使用老旧的页面设计,比如国内一些企业官网,万年不变的相类似的模板,外国的则是hero页面,带CTA按钮,三栏式的布局。这些设计不能说是不好的设计,很实用,用户能够预测展示的内容,也容易找到需要的内容。但是正因为可预测,用户没有新鲜感,没有期待,所以我们找了一些不仅打破常规,也依然有良好用户体验的网页设计

1. Heco Partners

网址:

布局设计:流动的动态线条加滚动指示箭头,滚动页面后展示一段介绍,然后进入交错的两栏项目展示布局。

Heco Partners首页的流动线条波浪吸引您进入他们的网站

当我们访问这家位于芝加哥的设计公司官网时,您会看到“We turn information into experiences that people care about”这段文字展示在波浪之上。该网站展示了如何将设计案例与背景信息相结合。

2. The Goonies

网址:

布局:头部采用全屏图像,滚动页面后进入一系列网格布局的页面

约瑟夫·贝里(Joseph Berry)决定将他最喜欢的电影之一(1980年代的经典电影《The Goonies》)转变为宣传风格的网站。The Goonies获得了Awwwards的“年度最佳提名奖和网站奖”,这是用滚动的方式讲故事的一个很好的例子。

3. Nelu Cebotari’s portfolio

网址:

布局:变化后的三栏设计,可转换为滚动显示的导航菜单

设计作品集不仅为您提供了展示所从事的项目,而且还可以通过页面本身展示您的设计技能。设计师Nelu Cebotari就是这样设计自己的个人网站。

网站使用的黄色背景可能会有点刺眼,但他为背景添加了柔和的背景纹理,变得不那么刺眼。

该网站设计的独特部分是导航的设计。将鼠标悬停在每个按钮上都可以看到一个从底部向上滑动的盒子。这些方块中的每个方块都有一些文字,提示您了解更多或保持联系。

4. Soul Jazz Records

网址:

布局:基于网格设计的实体唱片存储体验的复制品。

进入这个网站,仿佛进入了一家实体唱片店,在这里,你可以找到晦涩的放克,爵士乐和朋克音乐,听到可能不会引起太多关注的音乐。

他们的网站很好地代表了他们发布的许多流派。网站还有很多关于艺术家以及声音样本的背景信息,更全面的了解他们的声音。

5. San Francisco Museum of Modern Art

网址:

布局:全屏背景图片,带有指示性的基本链接。

博物馆里的艺术激发和吸引着我们的想象力。他们的网站应该做同样的事情。不过大多数博物馆网站在炫耀特色作品,宣传当前展览以及提供重要的游客信息(例如营业时间和票务信息),而SFMOMA在展示这些信息方面做得更好,而且还有不一样的体验。

6. R2D3

网址:

布局:两列Z模式,带有大量动画图。

网站是一种可以教学的工具,R2D3利用网站来图解机器学习。

R2D3通过“机器学习的可视化介绍”来科普。通过一系列动画,他们能够以相对简单的方式传达这个复杂的概念。引人入胜的体验学习知识比盯着教科书中的单词和数字更有趣。

R2D3使用引人注目的动画向我们展示了机器学习的工作原理

7. Lauren Wickware’s portfolio

网址:

布局:全面屏头部页面切换到分屏显示设计项目。

这是籍设计师Lauren Wickware's的个人作品网站。多维滚动创造出令人惊奇的平滑和引人入胜的体验。

8. Poulos Collective

网址:

布局:砖石风格的布局,带有不同的卡片模块,随着滚动而逐渐消失。

Poulos Collective是一家专门从事UX设计和策略的设计咨询公司。它的站点提供了干净简单且最重要的功能体验。该网站的简单性是由Stefan Poulos创建的。颜色令人愉悦,文本易于阅读,并且轻巧的外观和感觉使加载速度极快,从而提供了出色的用户体验。

寻找灵感并进一步推动自己的设计

作为设计师,我们知道客户经常只需要经过实践检验的真实解决方案。而且,我们可以轻松满足他们的要求。完全按照客户的想法设计没有问题,但是设计中还有很大的空间可以尝试不同的东西。通过采用非传统的方法,我们可以提出令人难忘的网站设计,并且不会在统一的海洋中迷失方向。