text.html 2.3 KB
Newer Older
ToTensor's avatar
ToTensor 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
 
<p class="zw">让我们看一个设计感十足的网站:2015年的dConstruct会议网站。你认为是什么让它的视觉风格如此有特色?</p> 
<p class="图"><img alt="0503.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/21.jpg"></p> 
<p class="图题">此网页由Paddy Donnelly 设计,由Graham Smith建立,会议组织者为Clearleft。</p> 
<p class="zw">当然,你可能第一眼就被本次会议主题“设计未来”(VISION OF THE FUTURE)中的特色插图所吸引,但也有其他方面让这个设计看起来个性十足。</p> 
<ul> 
 <li class="第1级无序列表">字体组合:Futura (naturally)、humanist sans和Lamplighter Script。</li> 
 <li class="第1级无序列表">倾斜的内容容器。</li> 
 <li class="第1级无序列表">用活泼的方式展示演讲者。</li> 
</ul> 
<p class="zw">为什么我要强调2015年dConstruct会议呢?在不同尺寸的任何设备上访问这个网站,看起来都是一样的。当然,页面的排版会随着设备的尺寸变化,但是网页的整体设计风格应该保持一致,不论是在手机、平板电脑还是在PC上访问。</p> 
<p class="zw">2014年,dConstruct设计风格完全不同,它采用了扁平化设计和简单的配色。选择的字体是PT Sans,无衬线字体。与当年的主题“生活与网络”文字框周围的鲜明线条非常匹配。</p> 
<p class="zw">2013年和之前的dConstruct网页设计都有着完全不同的设计风格,但是每年的设计也有共同之处。</p> 
<p class="图"><img alt="0504.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/22.jpg"></p> 
<p class="图题">自2005年以来,dConstruct主办方在保持会议网站、回顾十年的设计工作以及如何确定一个网站的设计风格方面做了出色的工作。</p> 
<p class="zw">当你仔细观察它们的颜色、字体和纹理时,设计的每一个部分都有着独一无二的个性,设计风格被跨终端地呈现出来。</p> 
<p class="zw">如果说自适应设计已经告诉了我们什么,那就是我们应该承认,配色、纹理背景、边框和排版设计应该跨越屏幕尺寸保持自己的特点。换言之,设计风格不应该受布局的限制。</p>