找回密码
 加入怎通
查看: 530|回复: 8

[其他] 网站制作之线条的运用

[复制链接]
SEO新媒体 发表于 2016-12-09 13:17:23 | 显示全部楼层 |阅读模式
   无论是整个网站还是仅仅的一张平面设计作品,这些设计都是通过许多的线条组合起来的。尤其是对于网站来说,要想一个网站给人一种舒适实用的感觉,那么在网站建设,页面设计上是尤为关键的。那么,在网站制作过程中,页面设计,框架中的线条应该如何去设计规划呢?今天广州网站建设派点互动来和大家好好的探讨下。/ P3 Z8 ~$ m; J8 N, u, d+ L

- P; [9 E1 P) y9 e/ B& [, P
& X1 k9 T3 y, H- n, d  X9 @9 E6 [' T   如果说点是静止的,那么线,就是点运动的轨迹。游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。 不同的线有不同的感情性格,线有很强的心理暗示作用。 直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。 不同方向的线条和不同的排列方式也对用户起了不同的引导作用& S* K+ D* d1 T& _

网站建设

网站建设
   如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。 中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。 右图是一张获得红点大奖的呼吁节电的海报,画面中简洁的直线并带有向下的方向感,即能引起关灯的共鸣也能将不插电这种概念表达出来。 线还有分割画面的作用,线有连贯性,画面因为它的分割而变得生动有趣,对于阅读顺序有着决定性的作用。7 e# z2 W+ ?6 a1 H
& r4 d$ Q! ]) q1 N  U5 M# d
   再如下图的网页用中央的一根直线将页面划分为左右文字信息和数据可视化的两个部分。. _5 r- C7 w. d/ a

网站设计

网站设计
   再如下图版式设计中的曲线运用,贯穿整个页面,打破了整齐的文字排版,打破了乏味的基调。
; l! s7 E+ _# ~. ~4 K

网站设计

网站设计

0 Q$ A( O; F, F5 w' D; K
广州网站建设****派点互动,pidcn.com
. N% V0 {" W( m1 r$ [: q' z

暂时无法加载帖子列表

回复

使用道具 举报

涛声依旧 发表于 2016-12-09 13:17:38 | 显示全部楼层
我是第一个回的耶~
回复

使用道具 举报

cqlk001 发表于 2026-02-04 22:57:47 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

蓝色妖姬 发表于 2026-04-13 16:43:47 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

幸福吧 发表于 2026-05-24 11:10:53 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

广州论坛 发表于 2026-07-08 03:32:43 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

世通北京 发表于 2026-07-14 05:57:00 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

星神子 发表于 2026-07-16 03:28:54 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

风停花开 发表于 2026-08-01 16:02:22 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-19 15:59 , Processed in 0.049718 second(s), 29 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表