建筑单屏网页设计（大屏网页设计）

本文目录一览：

• 1、你的作品集够好了吗?20份精选UI设计作品集给你灵感
• 2、做单屏滚动的时候怎样适配所有分辨率不同的电脑?
• 3、20个案例告诉你着陆页设计趋势

你的作品集够好了吗?20份精选UI设计作品集给你灵感

Bady是一位位于新加坡的用户界面设计师，他目前在一家银行做全职工作，他非常热爱设计，认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白，界面干净而舒适，还包含一个日志，记录设计灵感。

正文0设计作品集的目的 作品永远是设计师最有力的证据，工作可以作为一个量化的参考指标，能否成功获得面试官的青睐，作品集是关键性的因素之一。 设计作品集是为了更好地展示作品，引导面试官对你的专业综合能力作出判断。

UI MovementUIMovement 网站是一个致力于手机APP和分享最好的UI设计灵感，帮助设计师获得最优秀的UI设计作品。如果你对APP UI动效感兴趣的话，那这个网站你必须。

做单屏滚动的时候怎样适配所有分辨率不同的电脑?

1、手机打开浏览器后，点按中间的[3]。单击中间位置的[3]后，单击内部的[设置。点击[设置]后，继续点击[主页]。这样，如果没有问题，启动[网页自适应屏幕]以使网页自动适应不同的显示“分辨率”。

2、首先，我们在做项目的时候，一般情况下会有一些范围限制，比如这个项目只需要适配1280~1920分辨率即可。

3、响应式布局设计：响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。

4、种方法就是每个使用控件大小位置要和改了分辨率窗体屏显形成关系，确定其数值关系，不要随便摆放控件。

5、在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。

6、方法一：选择桌面空白处右击鼠标打开屏幕分辨率。在打开的新界面中找到显示器选项，如果硬件已经安装完毕系统会自动的检测出可用的VGA显示器也就是用户们想要的双屏。

20个案例告诉你着陆页设计趋势

.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。

Grayscale该模板是一个免费的，多用途的单页Bootstrap主题着陆页模板，具有深色配色方案和流畅的滚动动画。该模板具有自定义按钮样式，固定的顶部导航，滚动时折叠的导航设计，平滑滚动动画等，这些设计使得该模板非常吸引人。

作为一个服装品牌，Pauw的着陆页采用的等分两栏式布局正好承载男装和女装，简约的页面设计配合着强对比的内容，男女模特承载着视觉重心，而黑白对比的文字内容则很好辅助着图片做好了说明，主次分明又不失均衡。

这是Brooklyn DUMBO一个公寓群的着陆页。这个网站令人惊奇的地方，是渐变色会在一天中随着时间改变深度。这个设计非常有趣。Wake 最后一个案例展现了最流行的蓝紫色渐变，这种配色正如日中天。

EDM集中在一个关键的目标，引导用户到主页，或另一个没有直接关联的页面，只会混淆主题。你可能已经听专业营销人员以前说过，但我们会再说一遍：完成所需操作所需的点击次数越多，发生的可能性就越多。