高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

类似豆瓣的网站设计(热门)6篇

2024年类似豆瓣的网站设计 篇1

作为一个资深的设计师,时常会有人问我,除了国内的花瓣网、国外的Pinterest、Behance等无法访问的这些常见的设计网站,到还有那些网站能够切切实实地提供给设计师灵感创意相关帮助?

我不禁陷入了沉思,没错,大家经常推荐的Pinterest和Behance固然无法超越,但是在国内已经被墙了,正常情况下是无法上这2个网站的。

同样也被大家经常推荐的花瓣网之类的大网站也确实不错,不过这种网站综合性的大网站很难兼顾不同设计师的各种需求,简单说就是不精细化,就比如某个设计师想要关于渐变色的素材,那么上uigradients就比花瓣要好很多。

那么下面我就给大家推荐20个在特定时刻比花瓣更好的设计素材网站,喜欢的话可以收藏下来:DESIGNBOOM

拥有17多年历史的意大利工业设计网站,建筑,艺术,摄影及平面设计方面是强项。

BOOOOOOOM

一个分享艺术、设计、摄影作品的博客站点,设计超级极简的博客网站,但为我们带来了特别丰富的设计图片。

大作

设计师必备全球专业灵感素材搜索引擎。特点:能够免翻墙搜索包括Pin、Be在内的全球网站的一亿多张相关素材。还具有找相似图、找大图、采集器等实用的小功能。

Niicehttps

自称一个高品位的搜索引擎,可以构建属于自己的面板,像在 Pinterest 一样,搜集更有格调的灵感作品。

Abduzeedohttps

汇集个人作家的数字出版物,分享有关建筑、设计、摄影和用户体验的灵感。除此之外,还可以看到作品背后的创作故事。

colossal

威比奖提名博客,专业探讨艺术和视觉文化,可以看到动物植物动图等28种视觉艺术。

DRIBBBLE

针对各类创意创作者的作品展示、交流平台,整体质量水平很高。

LOGOPOND

展示来自世界各地的优秀设计师LOGO作品,需要LOGO素材设计别忘了它。

Webデザインリンク集

一个日本的优秀网页赏析网站,非常精美,很多优秀好看网页素材。

awwwards

展示最前沿的Web设计,并可以对那些网站打分,网页设计必备。网页的艺术。

deviantart

插画艺术家的聚集地作品,质量非常高,提高审美、提高插画艺术素养。

vecteezy

各种免费素材源文件下载,免费下载才是王道。

lstore.graphics

各种电子设备mockup下载,质量非常高,电子设备设计素材必需网站。

pixelbuddha

免费优质的设计资源拿到手软。

nicepsd

PSD格式为主的丰富的源文件下载网站。

pixeden

丰富免费的设计资源

premiumpixels

免费psd源文件下载

日本の伝統色

日本传统颜色采集,也可用于中国风,颜色非常古朴雅致,UI交互也很讲究。你的高品味典雅色彩素材网站。

uigradients

一个简单的渐变生成网站,可以用来产生各种漂亮渐变背景。UI漂亮,色彩丰富超乎你的想象。

lolcolors

非常可爱的配色网站,简约方便实用

以上20个网站,或许还不是最好的推荐,但是每一个都是亲身实践的好网站或者其他设计师朋友大力推荐的。希望每个人都能在里面找到一个适合你的。

大作(http://www.bigbigwork.com/)

2024年类似豆瓣的网站设计 篇2

您好!很高兴回答您的问题!

一、平面

平面设计是这三种设计里最“古老”的专业了,可以说平面设计是一切设计的鼻祖,学任何设计都绕不开它。因为所有的设计理论比如配色,排版,字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的,因为除了要了解基本的设计技巧以外也要了解材质,工艺等,不同的工艺和材质出来的效果也是千差万别,甚至在预算上都会差出好几个层级。

1.1载体

平面的载体在三类专业中算是比较多的,最常见的就是纸了,当然纸也分为了很多种,最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册,单折页,海报,杂志,名片等。这里关于名片多说一句,很多人说名片那么小的尺寸,如何才能有设计感?加的内容和装饰多了会显着很乱很拥挤,加的内容少了又给人的感觉没有设计感,这个问题如何解决呢?最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了,在公司里也是处于中高管理层的,一般的业务员因为分发的名片量比较大,所以就用最普通的纸就可以了,控制成本。

平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异,关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300,这是个绝对的误区,其实在平面中也会用到150,72,甚至30。那这是如何划分的呢?最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300,比如杂志/单折页/画册等,因为阅读距离很近,如果分辨率比较低,会出现很明显的不清楚情况。

再有海报的设计一般是挂在墙上的,我们阅读时是有一些距离的,所以分辨率设置为150到200即可,很多人会问设计成300可不可以?当然可以,但有几个前提,首先你能找到那么大尺寸同时是300分辨率的素材图片,再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件,还是建议大家不要尝试了,结果一般比较惨。

再有还有72和30的分辨率,此类分辨率会用在阅读距离更远的设计上,比如马路上的大型围挡,商场大厦外面的五六层楼高的大型海报。

最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏,在商场大厅,电梯墙壁,写字楼前台等地方现在都会用到电子屏来展示一些海报/通知/活动等。此类材质的好处就是更新内容方便,节省印刷成本,最重要的是没有印刷后果。印刷的风险比较大,因为印刷不可逆,印刷出来后出现了问题,基本没有补救的措施,而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性,一般只能在固定的一个地方进行展示。

1.2用途

平面设计包含的品类是比较多,常见的画册/海报/单折页/名片/书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计,VI设计等工作。平面设计的品类就是比较多,所以想做一个优秀的平面设计师没有个几年的历练是很难达到的,这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。

平面设计师设计出来的内容很多,刚才提到了logo,VI我们统一称为品牌设计。画册,海报,包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的,品牌设计是用来宣传企业品牌的,规范企业的设计视觉,统一企业的宣传口径。

画册,海报,包装等物料是用宣传企业产品的,使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装,我们经常会看到很多普普通通的产品包裹上漂亮的包装后,价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点,设计出来的东西用来做宣传。这个东西本身并不是产品,也不具备什么商业交易价值,都是为了公司为了产品服务的。

1.3技能

因为平面设计师需要做的内容涵盖的比较多,所以对于技能方面的要求也比较全面。比如除了最基本的PS/AI/ID等设计软件以外,还有了解到排版印刷工艺,材质使用,字体设计等。如果各位将来是做平面设计的话,印刷材质是关键,就像刚才说名片时提到的,同样的设计,如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外,更直接的方式就是泡在印刷厂里,跟着老师傅走几遍流程,学到的东西会受益匪浅的。

二、网页设计

网页设计在现在的工作中又分成了两个工种,一种就是常规的网页设计师,设计企业的官网,或者是一些具备功能性的网站。另一种是电商设计师,在五年前,这个工种依然不被人看重,即便是现在也有很多电商企业称自己家的设计师为美工,这也就造成了很多设计师会不愿意来做电商设计,更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的,尤其是在一些大型的店铺,此类店铺的视觉自然也是能够在圈里数一数二的了。

2.1载体

网页的载体比较单一,在之前就主要是在PC端运用,后来移动互联网的流行与普及,使得网页在手机上也流行起来,还有平板等。为了保证能够多端正常显示,在html5和css3的帮助下流行开的一个名词叫着“响应式设计”,也就是使我们的网页能够在任何平台上都正常显示。

2.2用途

刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话,我觉着就是“载体”。没错,网页本身就是载体,企业站乘载了公司的产品信息,企业文化,品牌宣传等,是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站,也是将网页作为了一个平台一个载体,来进行产品的销售的。网页本身是一个“容器”,里面“装”的内容决定了一个网页的价值。

2.3技能

在说平面时我提到了平面设计师转网页设计师是比较好转的,因为网页设计师同样需要具备对于色彩,排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究,因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可,深入了解如虎添翼。如果是做电商设计的话,从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下,所以有心的设计师一定要会一款3D软件,市面上很多,3D MAX/MAYA/C4D等,给大家推荐的是C4D,出效果易上手。

三、总结

设计这个行业是一个充满了很多无奈的地方,表面光鲜,后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话,如果是因为看到了这个行业挣钱就来这里做的话,可以,没有问题。但是如果你很难使自己喜欢上设计的话,那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话,挣在再多钱也很难坚持下来,半途而废虎头蛇尾的事在这行里很常见的。

最后我一直跟人分享的一句话就是师父领进门 ,修行在个人。作为设计师你需要了解的是这个世界上最新的东西,紧跟时代,任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训,一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高,你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品,找出好处加以学习使自己进步。

最后说一句设计这个行业对于学历没有特别的门槛,你可以没有学历,但不能停止学习。

2024年类似豆瓣的网站设计 篇3

之前本科的时候恰好学过一段时间的网站开发,虽然现在不做了,但当时学习的那种新鲜感还恍如隔日。下面是我的回答:

想做豆瓣这样一个网站首先要有一个好的想法或者说是切入点。手机上的哪些不经常用的App,卸载了又一波,唯独豆瓣一直在我的手机上。它简洁地UI设计,以及主体的内容都是我比较喜欢的。所以想做一个优秀的网站先要想清楚网站上要呈现什么内容。

接下来谈谈技术的部分。

一、UI设计

UI设计即用户界面设计,比图说豆瓣的主页,具体显示什么东西、各个部分显示在什么地方、以及每一个部分的显示形式、字体的颜色大小等等都是UI设计的范畴。开发网页之前首先最好先把界面确定下来。当然这个可以不用开发人员去学,可以找别人合作,老实讲这个活不是专业的还真做不来。没天赋的还是老老实实做技术好了。

二、静态网页编写

静态网页要实现的功能是将信息显示网页中,说白了就是怎样在浏览中显示网页。其实我们每一个网页都是一个文件,然后通过浏览器打开后即显示在了电脑闹屏幕上。而这个文件就是由HTML(超文本标记语言)来编写的,这个语言超级简单。主要的功能就是将网页中的文字或者图片显示在屏幕上的固定位置。所以说开发网页首先要学会HTML。

三、动态网页编写

上面只是将网页显示了屏幕上,但我们的网友这些功能还远远不够,比如说上图中学要我们登录注册,当我们输入账号密码后我们需要点击“登录”按钮,但是点击之后我们输入的信息到哪了?这就需要另外一种语言来处理这些信息,需要网页“动“起来。其实当我们点击登陆后,这些数据是跟数据库作比对的,假如网站的数据库中有着个人则登陆成功没有则登录失败。这种功能就需要一种脚本语言来实现,比如像PHP,JAVA,PYTHON、C#中的一种都可以实现。目前的话JAVA还是最热门的,推荐学这个。

四、数据库的交互

一个网站需要有很多的信息来存储,比如上面提到的用户名密码信息,还有很多其他的,豆瓣中每个电视剧、每个电影的信息都是用数据库来存储的。一个网页之所以能够丰富多彩都归功于数据库的内容够出彩。调用数据库也有自己专门的SQL语言,内容不多,了解一下就行。常用到的数据库有MySql、微软的SQLServer、QRACLE等,自己用的话MySql就行、因为免费的,企业的话一般都选择Oracle,收费但安全。说到这,他们各自的优缺点应该明了了吧。

以上就是开发一个网页要学的最基础的东西,还有其他细节的东西则需要学习后再了解。现在,有很多开发网站的框架,就是把每个网站最基础的东西都写好了,调用就行,这个建议入门以后再去学。

以上就是我的回答,也是我学习的过程。整体来说网站开发是不难的,只要用心很快就可以上手的,建议在学习是多思考原理,以免像我一样少走弯路。

希望我的回答对你有帮助

有啥有误的地方欢迎指正交流

2024年类似豆瓣的网站设计 篇4

谢谢邀请,豆瓣最厉害的一点在于以点评为主,让用户可以回答各种各样的问题,回答的问题都比较真实,各种专业人士的书评、影评、乐评,各种兴趣小组。在豆瓣你可以以兴趣结交到好友,而不是像人人之类的实名SNS,好友都是生活中的同学朋友。庞大的电影读书音乐库,简洁与清新的页面。

豆瓣能够让每一道菜里都很明显的体现出它的色和味。不过这特点也会很容易让人们决定是否去使用它···很多人喜欢豆瓣网,不仅仅是因为它的新潮、多元化。 而是因为每个人在这里都是一个人,都是自己,独立存在却又是一个团体。 喜爱的,不喜欢的,都会有人去迎合、去笑。豆瓣最核心的价值是帮助用户发现对他们有价值的产品、服务或者是人。在豆瓣上任何地方看到别的成员, 都可以点击名字或头像,去看她/他的简单介绍、收藏、推荐和发表过的评论。如果觉得这个人有意思, 或者口味相投,可以点击“把他/她加入我的友邻”。这样你就有了一个小圈子, 点击最上面我的友邻,可以随时进去。点击右上角的设置添加你自己的个人介绍或上传头像,还可以点击最上面的同城选择你常住的城市。想和别的用户就评论之外的话题进行交流,可以点击最上面的小组, 加入或创建各种话题的小组。在豆瓣空间共享个性化内容 ,开放社区对现实社会的影响 豆瓣网的存在首先满足了特定群体的表达欲望和传播需求。

人生需要传播,那些注重精神世界的人群更是传播最为活跃的群体,而能够体现人类传播活跃程度的一个标志就是阅读书刊、倾听广播音乐和观看电影电视,以及进行相关的讨论和表达。

  不管是博客、微博还是微信,都有这样一种记录人生体验的功能。豆瓣网则在图书、电影、音乐的个性化评论方面提供了一种宽松的记录方式和表达空间,这是豆瓣网得以存在和发展的重要理由。 网站的UI设计是能否留住用户的重要因素。豆瓣以白绿结合的色调,简洁分块的布局,非常适合豆瓣的这种以清新文学为内容的网站。再一点就是豆瓣网站基本没有挂广告,这点也是符合清新的思想的,给人以良好的用户体验。

用户通过关注小站和其他用户,时刻获取他们的动向也就是自己可能感兴趣的信息。这点类似于微博。这个功能不但丰富了个人主页,也能成功吸引住那些目的性不强的人停留在网站上。

豆瓣的优点说起来真的都有些一言难尽,我个人是非常看好产品不断创新、技术不断发展的互联网公司的。从用户需求出发,技术和艺术的结合,才能改变世界。每个产品都有优点和缺点,作为不断发展的产品,更会有它的不足。

2024年类似豆瓣的网站设计 篇5

大多网站呈现的已经是设计成品了,如果想学习平面设计或将来更好的发展,那么就要靠自己多吃苦努力了,前期临摹练习,主要目的是熟悉应用软件功能,软件运用没什么问题了,就要构思创意策划,让自己的创意通过设计软件呈现出来!

2024年类似豆瓣的网站设计 篇6

谢谢邀请,谢谢。

我个人的意见是:首先你要做出自己的特色,不然很难吸引人。因为在自媒体时代,玩自媒体的人也多,用户已产生疲劳,因此有自己的特色才能吸引用户使用,关注。比如一些独特的电影评论,这比较吸引人,我舍友就是忠实的影评类观众;

其次,宣传要好,虽然只要酒好,不怕巷子深,但真的不怕吗?单独凭相互推荐,太慢了;

内容要丰富吧!不然没看几下没有了,该怎么栓住用户;

最后,有了浏览量,就可以发广告,商品什么的;

只要内容好,就有了一切。

希望有用,谢谢了。

猜你喜欢