界面设计网站（网页网站设计）

大家好！今天让创意岭的小编来大家介绍下关于界面设计网站的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

ChatGPT国内免费在线使用，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com

本文目录:

• 1、比较著名的设计网站都有什么？

• 2、设计师们做UI设计和交互设计，界面设计等一般会去什么网站

• 3、网站界面设计基础

• 4、网站界面设计应遵循的几个原则

一、比较著名的设计网站都有什么？

美术设计教程类

中国设计之窗

这里不单有世界大师设计作品集，许多下载，还有一系列的招标信息等等

对设计有兴趣的兄弟，这个网站必是收集添加首选

中国PS联盟这个网站也是很有名气的，联盟论坛也是我常去的论坛之一，这里论坛不时有作品竞赛，好作品也不少，但是高手不是很多......

〈艺术与设计〉网站国内最著名的设计杂志〈艺术与设计〉的网站，会定期更新，这里是有很多大师们的理念元素，我最常去学东西的地方

蓝色理想这里是我最早接触PS，FLASH学习的地方。这个网站在我心里的性质就和NGA一样.

DOFOTO我所见过最好的设计网站，有许多其他地方没有的设计元素下载，这里的特色是较多的设计资源下载,是设计师每天要去的地方。个人强烈推荐!!!!!!

小麦工作室不错的教程基地

荣宝斋中国美术网对国粹有兴趣的可以去看看

CGNetworks国外的CG大站，不可不看

北京电影学院这里是我常去的网站，太多的理念知识，如果大家有兴趣的可以去看看

3D教程下载简单的3D教程下载

中国教程网各个软件的教程基本都有，推荐ing

魔法力游戏创作世界

MAYA教程基地，如果有兄弟要学MAYA必要去这里学学东西，我是不行了，学了半年MAYA，还是连入门都不够，唉

高手教程网比较多的PS，CD，FL教程，可以去看看

硅谷PS教程适合初学者去的网站

ABOUTCG中国CG大站，不可不看

太平洋PS教程个人觉得这里比硅谷的基础教程要多些也比较全面，更适合初学者去看。这里也有进阶教程，注意连接就可以看的到了

SOANALA韩国3D大站，看不懂韩文的也可以去看看别人做的东西

闪客帝国FLASH大站，可以多去学学东西

由于我有个同学是FLASH高手，我这里较少FLASH的网站，都是一些乱78糟的就不列出来了

5D一个较全面性的教程网，可以去看看

AMAZON SOUL 3D

国外3D大站

CEE-GEE国外3D作品集，不可不看

PK

早已大名如雷的3D大站

rustboy

关于此站不必多说，一看就知道，中国玩3D的会没人知道吗？

个性网站类

花火2003

国内我最佩服的FLASH网站制作高手，这个是他的一个作品

花火2001

这个其实不是花火一个人的作品，是他的朋友梵天合力制作的，实在太叼

桃园居

花火为深圳某地产制作的网站

蝴蝶死了

国内一位女生制作的网站，不俗

果铭个人网站

严格来说只算一般，但是他某些作品不错，所以才收集

花火作品

花火为深圳地产制作的网站之一

装在套子的人

哈哈，非常不错很有个性的网站

日本某服装品牌的网站

这个品牌的设计非常低能，我想应该很多女生喜欢

cranberries

cranberries乐队的网站，现在已经换期了，原来上一期的设计更有个性

DEFRAG

不能不说厉害的个人网站.......

DUALITY

星战迷的网站

坏蓝

国内的FLASH个人网站，十分不错

gorillaz

gorillaz这个网上虚拟乐团的网站，FANS超多，我也就不多说了

城市一角

广州美院的学生作品，不错

mediadesign.school

新西兰一个学校的网站，我有个同学也参与了设计

别人设计的理念就比中国的厉害，没的话说

NICK

NICK网站，没话说了........

STAR WARS

星战迷网站之一，2005的星战前传3估计这里会第一时间有预告片下载

gric

好怪的个人网站

星际自由者联盟

这个估计好多兄弟都知道了，国外一个游戏介绍网站

TURTLES

很有个性的韩国站

CHIHWASEON

韩国个人网站，好叼好叼........

温情地图

春光乍泄专题网站，我超喜欢

火花天龙剑

火花天龙剑专题站，我常去偷图的地方

花样年华

动漫文学站，设计的不错

安然夏季

不错的个人网，但是看的东西不多

NSCDP

韩国个人网，但是我看不懂韩文，不知道是说什么的

界面设计的好简单，非常不错

IKEA

这里有很多希奇古怪的桌面下

青年视觉

我每期必买的杂志

这是视觉的官方网

motionblue

motionblue，呵呵，很好玩的一个韩国网站

仙乐都

创意十足的个人音乐网

音乐会定期换

artisan-inc

好象是某个工作室的网站，看不懂....

awamusic

音乐网，超绚

bill

傻子BILL的个人网

当你们看到那个傻子的样子估计你也想打他一拳

bimbo

bimbo童话世界.........

nkshp

日本动漫网

DNA

不知道是什么网，但是好叼.....

福特汽车

新款车演示........

fu-design

台湾的个性网站

galaktori

过家家.......

ingreme

好象是3D网站，没多看

md-extreme

呵呵，有许多小游戏玩

nothing

很搞怪的个人网

spirit-hole

好COOL的涂鸦网

KIA

KIA汽车

再生完成

国内某设计师个人网

浮城论坛

设计理念为主的论坛，设计的很不错

sandrasenamo

某服装牌子站

sixty

某服装牌子站

WM组

不用多说，大家熟悉的很了

digitexpo

设计网站，好COOL

rokey个人站

rokey是在北京的一个和我差不多大的家伙，每次看到他的网站，我不得不惭愧......

这里有很多桌面元素下载

vitagraphic

我非常喜欢这个网的风格，这里也有原版软件下哦

二、设计师们做UI设计和交互设计，界面设计等一般会去什么网站

国内的没有很多高大上的，除了优设、趣达、站酷这些，一般的话会去behance等这些。

三、网站界面设计基础

网页包括：网站logo，导航栏，banner，内容栏，版尾。

logo的大小标准：88*31普通规格；120*60一般大小规格；120*90大型logo。

好logo所具备的条件：符合国际标准，精美独特，兼容网站风格，能提现网站类型。

导航栏是索引网站内容和快速访问所需内容的辅助工具。同级项目数以3~7项为宜。

banner是可由图像，文字，动画结合而成的网页栏目。主要作用是展示网站广告。

内容栏是网页内容的主体，由一个或多个子栏组成，包含网站提供的所有信息和服务项目。内容可以是文字，图像，或者两者相结合。

版尾可以申明版权，法律依据，以及各种提示信息。版权的书写应符合所在国家的法律依据，以及遵循一般书写习惯。

除此之外，版尾处可以提供一个导航条，为将页面滚动到底的用户提供一个导航方式。

成功的网页版式设计，有助于吸引用户对网页的注意，增进用户对内容的理解。因此，要使网页具有诱导力，突出诉求主题，就要通过对版式的空间层次，主从关系，视觉秩序，以及逻辑条理性的把握和运用来共同完成。

传统媒体是以线性方式提供信息，即根据信息提供者个人感受来传播。在web环境下，用户不再是被动接受者，而是以一个主动参与者的身份加入到信息的加工处理发布之中。

网页媒体使用的交互性，多维性，和多种媒体的综合应用，是网页版面设计的完美体现。即时的交互性是web成为热点的原因，也是版面设计需要考虑的问题。

多维性源于超链接，主要体现在导航的设计上。使用超链接，网页的组成结构会更加丰富。用户可自由切换，打破了传统的线性接收方式。但需注意页面之间的关系不能太复杂，这会给用户带来负担。

网页中所使用的多媒体视听元素主要有文字，图像，声音，视屏等。运用这些元素，可以满足和丰富用户的多种感官需求。

网页设计的装饰应该简洁化，功能与装饰应有效结合。复杂的装饰会影响加载速度，影响点击率。

网页设计要遵循和谐，均衡，重点突出的色彩规则。当人们的色彩经验与外界色彩刺激发生呼应，就会在心理上引发强烈的情绪。

1.网页的标题设计

好的标题设计可令人赏心悦目，能形成网页的整体风格。标题所在的栏目一般在网页的上方，并左右贯穿整个网页。标题的背景可以使用动态或静态的图片，主要由网页的交互式特性决定。

2.文字的编排

通常情况下，适合网页正文显示的文字大小在12磅左右。然而，在很多综合性网站中，由于在一个页面中安排的内容较多，字号通常采用9磅。

在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。从加强平台无关性的角度来考虑，正文最好采用默认字体。如果必须用到特殊字体，那么可以将文字制成图片。

通常字号与行距的比例应为：字号8点，行距10磅.即8：10.但对于一些特殊的版面而言，字距与行距的加宽或紧缩，更能体现主题的内涵。所以说字距和行距不是绝对的，得根据实际情况而定。

强调文字有三种常见形式：第一种是行首强调，又称为下坠式，有吸引视线、装饰和活跃版面的作用；第二种是引文强调，引文概括了一个段落、章节或者全文的大意，所以需要给予特殊位置来强调；第三种是个别文字强调，将个别文字作为页面的诉求重点，可以通过加粗、加下划线等强化文字的视觉效果。

3.图文的结合

在网页的版式设计中只应用文字也不适合人们长期阅读，所以网页在版式上采用图文结合的方式更为恰当。

图文结合主要有两种表现形式：1.文字匹配图片的形式，图形是网页的主体，文字是辅助存在。2.图形匹配文字的形式，要把握图形和文字的关系，根据不同类别的网站灵活搭配。

4.页面的节奏韵律

页面的韵律需要根据设计的风格和受众情感综合起来体会。一个音乐类的网站，给人的感觉是轻松欢畅的；一个新闻类网站，给人的感觉是快速律动的；而一个军事类网站给人的感觉是严肃庄重的。所以这就需要设计者根据内容来选择设计风格。

网页设计如果仅从网页版式构成进行分类，则主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型以及自由型十种。

1.骨骼型：是一种规范的、理性的设计形式，类似于报刊的版式。常见的骨骼有竖向和横向的通栏、双栏、三栏、四栏等。一般以竖向分栏为多，这种版式给人以和谐、理性的美。几种分栏方式结合使用，会使网页既有条理又有弹性。

2.满版型网页：以图像充满整版。页面主要以图像为诉求点，将少量文字嵌于图像之上，视觉传达效果直观而强烈。多见于强调艺术性或个性的网页设计中。美中不足的是，它对网络宽带有着一定要求。

3.分割型：把整个页面分为上下或左右两部分，分别安排图片和文案。令部分形成鲜明对比：有图片的部分感性而具有活力，文案部分则理性而平静。

4.中轴型：沿着页面的视觉中轴将图片或者文字进行水平或者垂直方向的排列。水平排列的页面，给人稳定、平静、含蓄的感觉；垂直排列的页面，给人舒畅的感觉。

5.曲线型：将图片或文字在页面上作曲线的编排，这种编排方式能产生韵律感与节奏感。

6.倾斜型：将页面主题形象或多幅图片、文字进行倾斜编排，从而造成页面强烈的动感，引人注目。

7.对称型：页面版式给人以稳定、严肃、庄重、理性的感觉。它分为绝对对称、相对对称以及四角形三种。一般采用相对对称的手法，避免版式呆板。而四角形对称手法是在页面四个角安排相应的视觉元素，这种构成方式也能很好使页面产生安定感。

8.焦点型：通过对视线的诱导，使页面具有强烈的视觉效果。常见的几种方式有：一是将对比强烈的图片或者文字置于页面视觉中心；而是视觉引导浏览者视线向页面中心聚拢，形成向心的版式；三是视觉元素引导浏览者视线向外辐射，形成离心的网页版式。

9.三角型版式：网页视觉元素是三角型排列。正三角形具有最稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。

1.缺乏主色调

在网页经常可以看到这样的网站，元素色相众多，令人眼花缭乱，给人一种复杂混乱的视觉效果，使访问者无法明确地识别重点内容。

这是一个国外从事汽车产业方面的公司，所以在页面上方选用了和网页同色系的一辆红色跑车，这是网页上的一处亮点。深浅不同的灰色对整个网页的区域进行了划分。整个网页版式设计条理清楚，色彩简单不呆板，体现了工业产品的特点。

这是松下家电制造公司的网站。以金属灰为主色调，与家电产品的主体相吻合。页面采取了一分为二的设计，上半部分展示公司的各大产品，下半部分主要是子目录，其中包括新闻、其他产品、广告等等。

2.文字能见度低

网页上的色彩或者图片通常结合在一起，要么成为文字的背景色，要么成为文字本身的颜色，这就出现了文字的色彩的对比问题。对浏览者来说，最重要的是文字，因此，画面色彩运用就必须注意文字的可识别性，也就是文字的易见度。

.在高明度的背景上，低明度的文字易于识别，如果背景和文字名都接近，就容易出现难以辨别的问题，如遇到图文叠印的网页，文字可以采用白色或者反白色处理；或者使用与背景同色系，不同饱和度的方式来处理。

3.增加视觉负担

网页配色要尽量少用视疲劳度高的色调，一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。无色系中，白色的明度最高，黑色明度最低；有色系中，最明亮的是黄色，最暗的是紫色。

用明度太高的色彩作为背景看起来很刺眼，所以设计师们要尽量减少高明度背景的使用。反之，使用少量的高明度颜色作为点缀，会大大激发浏览者的探究欲望。

1.人性化

网页设计在遵从艺术规律的同时，还要考虑到人的心理特点。色彩搭配合理，则给人一种和谐、愉快的感觉，因此应避免采用高纯度、刺激性强的单一色彩，否则容易造成视觉疲劳。

这是一个休闲游戏的网站，连接每组连接点都绘制出一个完整的图案。绿色和黄色的搭配让游戏者看着很舒服，搭配一个简单的按钮，让网页看起来比较人性化。

艺术源于生活，又高于生活，通常情况下，生活中常见的东西没有必要在网页上再次重复。人的感觉是喜新厌旧的，总会偏向于一些新奇的东西，因此，一个新奇的创意或者有感染力的色彩，平面构成会更勾起访问者的兴趣。

这是一个阿根廷漫画家的个人网站，很有生活创意。作者有着新奇的想象力和出色的构成表现能力。虚拟与现实相结合，将漫画家的生活进行了记录，生动有趣。

2.符合网站风格和主题

不同类型的网站就要使用不同的色彩和视觉元素，达到内容和形式上的统一，这样做更符合人们的认知习惯。

例如珠宝首饰类的网站就要使用看起来贵重、豪华的配色，如黑色、金色。总让人联想到财富，黄金。遇到购物类等女性网站可利用粉色来表达女性站点的柔美性。

3.个性鲜明

每个网站都有自己独特的个性和气质，缺乏个性就很难让访问者记住这个网站，千篇一律的设计只能让浏览者感到乏味。通过色彩组合以及元素构成能很好的实现网页的个性化。

法国DJECO玩具设计工作室主要以设计儿童玩具为主营业务，DJECO设计工作室网站场景设计温馨精美，强烈的儿童插画风格与儿童玩具的设计定位扣合。网站风格活泼可爱，站点的亮点是极具特色的动画元素设计，在整站中起到了非常好的点缀作用。

四、网站界面设计应遵循的几个原则

网站界面设计应遵循的原则主要有以下几个：1、用户导向原则设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计网站。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成混乱。2、简洁易操作原则KISS原则就是"Keep It Sample And Stupid"的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，网站建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟；尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有的内容和服务都在显眼处向用户予以说明等。3、布局控制关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：(1)Miller公式。一个人一次所接受的信息量为 7±2 比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最佳在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。(2)分组处理。上面提到，对于信息的分类，不能超过9个栏目。但如果你的内容实在是多，超出了9个，需要进行分组处理。如果，你的网页上提供几十篇文章的链接，需要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如微软公司的网站，共有11个栏目，超过了9个。4、视觉平衡网页设计时，也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。例如，你的很多的文字是采用左对齐〈Align=left〉，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些Banner广告或导航条，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页设计上，适当增加一些空白，精炼你的网页，使得页面变的简洁。5、色彩的搭配和文字的可阅读性颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光，是一种快活的颜色;黑颜色显得比较庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。为方便阅读网站上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体(Arial，CourierNew，Garamond，Times NewRoman，中文宋体)最易阅读，特殊字体用于标题效果较好，但是不适合正文。6、和谐与一致性通过对网站的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，网站的众多单独网页应该看起来像一个整体。网站设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对网站的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效的进入在网站中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个网站的各种功能操作。破坏这一原则，会误导浏览者，并且让整个网站显的杂乱无章，给人留下不良的印象。当然，网站设计的一致性并不意味着刻板和一成不变，有的网站在不同栏目使用不同的风格，或者随着时间的推移不断的改版网站，会给浏览者带来新鲜的感觉。7、个性化(1)符合网络文化整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在网站上使用幽默的网络语言，创造一种休闲的、轻松愉快、非正式的氛围会使网站的访问量大增。(2)塑造网站个性另外，网站的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业文化，进而形成风格。

以上就是关于界面设计网站相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

最新抖音界面没有同城了（最新抖音界面没有同城了变成冬奥）

界面设计网站（网页网站设计）

微店没有退款申请按钮（微店没有退款的界面）

社区共享景观设计案例（社区共享景观设计案例分享）

设计师的价值观（设计师的价值观怎么写）