排版设计

网易UEDC – 杨杰 : 有好多交互新人或尚未跨进交互设计大门的同学，会经常问的一个问题：交互设计师需要具备怎样的技能和能力？

今天咱们要聊的是“城市指南”（Big City Guide）网站这一概念设计案例研究。

首屏设计的7个技巧，它们并不复杂，却能帮你的首图设计更上一层楼。

译者语：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而，“理解”和“实践”还是相差十万 八千里的，特别是在网页设计中，“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站，但我想你们中可能很少有人知道什么是响应式排版吧。

.space-betw {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

- (NSDictionary *)demoTextAttributes {
NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
ps.alignment = NSTextAlignmentJustified;
// here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
}

想起之前有一个朋友私我说，想知道英文排版怎么设计？为什么同样的页面英文排版起来就很好看呢？想必大家也非常想知道吧？那么，下面我们就立马来分析分析，听完你们就会恍然大悟！

长内容的可以让你的网站拥有超越视觉美感的吸引力，给用户的愉悦感就不仅仅源自于眼睛。