给程序猿看的web页面设计和排版

2016-02-17 00:41 4 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的给程序猿看的web页面设计和排版,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

不擅长界面设计,但是又想与设计妹妹和谐友爱的开展工作,你想过木有来来了解学习一下网页设计的排版布局小知识呢?至少这样设计菇凉不会泪眼婆娑的看着你把她辛苦打造的设计稿,最后改的面目全非。拿出一点敲代码或者看片的时间来欣赏下本文的案例吧。

因为讲大道理也没用,就先来看看这些网页案例的截图吧,你肯定会有收货的,至少不会觉得世界还是被table包围的!

1、圆形,完美而不受拘束的形状。

希望引起看客注意的文字、链接等部分,你可以为它们染上靓丽的色彩,注意一小点就可以了如果到处都是亮色,就没有亮色了

给程序猿看的web页面设计和排版,PS教程,图老师教程网

2、一个个人主页,大大的纯黑hello,不由得让人联想到主人的随性、洒脱、热情,或许还有那么一点儿无厘头的可爱

给程序猿看的web页面设计和排版,PS教程,图老师教程网

3、居右排版,左边只给出一个清晰的摄氏度标志,投在页面上的影子呈现出立体的效果,take the temperatureconsider,类比很特别,想法读来很窝心~~

给程序猿看的web页面设计和排版,PS教程,图老师教程网

4、亲爱的coder们,如果你对黑白色感到腻味了,#43BBEF是个很不错的选择:清爽、敞亮、优雅。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

据说,每一个coder都必须和英文打交道,据说,英文排版的话居中总是没错的

给程序猿看的web页面设计和排版,PS教程,图老师教程网

5、圆形链接背景,图文混排,文字颜色有深浅区别,不多说

给程序猿看的web页面设计和排版,PS教程,图老师教程网

6、这就是传说中的网格背景了,避免单调的最好办法就是打格子,设计师肯定懂的,面对一张新建的空白稿纸,第一步,显示网格。

不过,英文排版与中文还是有些区别的,至少字体种类比中文丰富很多很多,但是我们有惊艳饱满的繁体字!

从小我就觉得,会写繁体字显得很有文化

给程序猿看的web页面设计和排版,PS教程,图老师教程网

7、与6中不同,这种风格适合喜欢摄影又文艺的coder们,好处自不必多言:)。

给程序猿看的web页面设计和排版,PS教程,图老师教程网

8、这种比较复杂,怕麻烦的coder请绕开走,不过,应该可以找到现成模板的,修改背景图片为自己喜欢的,ok。

给程序猿看的web页面设计和排版,PS教程,图老师教程网

9、你喜欢这个图么?我很喜欢,简洁大方的灰色系,年幼时看的动画片里物品的风格,优雅中透着温馨

给程序猿看的web页面设计和排版,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

10、标题居中,缀饰花纹,画一般的字体,很朴素,很优美。

给程序猿看的web页面设计和排版,PS教程,图老师教程网

11、淡淡的骄傲感从这个圆形头像和简单的文字说明里流了出来话说圆形头像真的很别致,建议用彩色照片

给程序猿看的web页面设计和排版,PS教程,图老师教程网

12、我的163博客一直想搬出去自己搭建,又比较怕麻烦这个页面,也很简洁,菜鸟程序媛一枚。

给程序猿看的web页面设计和排版,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1576934.html

延伸阅读
商务Web应用程序的设计常常被人们所忽视。我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失。更夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员。 对于擅长前端和后台技术的工程师来说,他们缺乏设计能力,很难完成这项艰巨的任务。不满意的消费...
很遗憾,我们的周围充斥着大量排版丑陋的文章。我国的字体排印与日本、美国等设计强国差距实在太大。我希望能够做些力所能及的小事,让更多人意识到「设计」的价值和其必要性,创造更美好的视觉环境。本文旨在帮助普及、提升大家对文字排版的认识,让大家在平时的学习工作中能有更专业的文字排版素养。 必看人群: 设计师、编辑、作家、撰稿...
评测:只属于程序猿的代码浏览工具 有这么一个笑话:有一个小伙子在一个办公大楼的门口抽着烟,一个妇女路过他身边,并对他说,你知道不知道这个东西会危害你的健康?我是说,你有没有注意到香烟盒上的那个Warning?小伙子说,因为我是一个程序员,所以我们从来不关心Warning,只关心Error 对于程序猿来说,代码出错了好比人生出错了,...
标签: Web开发
我们每天设计都在与字体打交道。但是我们一直没有认真在意他们的存在。我们没有很好地使用过他们,甚至滥用他们。这一切是因为我们不了解他们。字体作为排版的重要元素之一;在设计里也是最深奥的一门学问之一。本文中,就与大家来一起探讨一下这门深奥的学问。 字体的类型 英文字体(Typeface),分为几种大类,这是在使用英文字体...
1. Moresoda 2. Bear Grylls Live 3. Ryan Keiser 4. Ipolecat 5. Carbonmade 6. Glitch 7. Just Dot 8. Sofasurfer 9. Diego Latorre 10. Hull Digital Live 11. Future of Webdesign 12. dConstruct 13. Swiss Water 14. Boco 15. N design studio 16. The Albany 17. Te...

经验教程

403

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部