原型法细化网站设计需求
DW短时间搭出浏览跳转网站然客户起体验评估网站原形架构流程布局配色文字等层面
二网页链接深度广度耦合程度
超级链接网页设计中重信息组织方式整Web世界精髓糟糕链接设计——泛滥意超级链接——会浪者迷失充斥着信息碎片海洋里
果网站首页视链接层次中第级首页中超级链接信息容具属关系站页面网页链接层次中第二级第二级页面继续出第三级网页类推半完整树形链接结构树形链接结构中整棵树层数称(站)网页链接深度页面层中包含页面总数称(站)网页链接广度般说网站链接深度广度合适均衡关系深度网站利浪者快速获取相关信息广度网站容易浪者数列超级链接面前知措
网页中某链接没指级网页没指级网页时必然构成前页面跨层级网页站外URL跳转种跳转出现频率称网页链接泛耦合程度泛耦合程度低网站法效发挥Web浪价值网站死板方面泛耦合程度较高网站造成信息容支离破碎影响浪者正常阅读网页链接泛耦合程度应该网站设计需求相适应——童动漫类网站应鼓励代表跳跃式思维泛耦合链接学术类网站应该泛耦合链接持相谨慎态度
网页导航栏网站网页说导航栏必须设计风格力求统否浪者需分适应页面导航界面风格会浪费少时间会严重影响整网站美感
里说统求网页设计出模样导航栏完全相导航栏会浪者浏览程中疲惫麻木麻木丧失网站浏览兴趣说应该统整体风格组网页导航栏中寻求细节变化
方说确保导航栏形状布局字体致性基础变换导航栏背景颜色者统色彩形状字体情况变换导航栏相位置者变换页面中导航栏背景图片——然背景图片应属某种统风格——时保持设计元素变
统基础寻求变化——导航栏外网页设计师处理页面网站设计问题时句话样效
三网页基布局
寻找网页布局方面灵感难建议家没事时做折纸练:手起张A4复印纸然根心情坏行斜选择意角度纸片折叠次纸摊面前纸呈现出折痕没准种相错网页布局呢
然网页设计师量熟悉典型网页基布局方式根客户需选择门户类网页展现信息容通常会设计成三栏甚四栏布局公司首页展现强企业实力会选择视野更宽阔横布局页展示网站性网页布局方式会千差万轴布局网格布局斜角布局放射布局中心布局离散布局布局等等常见页布局方式
四网页空间中视觉导
网页神奇视觉空间熟悉四维时空样网页空间深度广度时间流逝感觉甚会设计元素引发力作产生运动扭曲
开新网页视线首先会聚焦网页中引注意点——通常称视觉焦点思路会受视觉焦点周边设计元素形状分布方式影响知觉中视线转移值停留方(例段醒目线条种色彩似色渐变会视线设计师预先安排轨迹移动)继续视线关注点连接成条完整视觉路径
视觉路径引导浪者某种逻辑序浏览网页信息程称网页空间中视觉导否发觉视觉导设计方法根视觉路径走排列关键信息区专业网页设计师业余网页设计师重
五网页空间秩序运动趋势
网页空间秩序网页中视觉元素相互作结果分析某特定网页空间秩序时视觉元素抽象点线面三类然分考察类元素间类型元素间相互作
设计师眼中视觉元素成力源泉视觉元素释放出力方右倾斜三角形时释放出类似重力垂直作力右水作力视觉元素视觉元素通力相互作影响着整网页空间秩序
网页空间中作力处衡状态时空间秩序稳定整网页起较谐均衡反作力某方形成合力时空间秩序会处稳定状态整网页起会充满动感活力
六网页中留白
网页中留白情感说中心理描写动作电影中抒情段落样网页视觉效果更加流畅遗憾许网页设计师懂浅显道理客户需求压力良设计惯驱整页面塞满图片文字链接广告视觉元素拥挤空间苟延残喘痛苦挣扎
留白特指网页中白色区域事实网页中没前景元素干扰视觉区域称留白横通栏留白网页拥种水流动感留白衡文字导航栏等视觉元素水方作力标题区域面积留白突出公司名称网页标题信息正文区域面积留白丰富页面布局涵缓解浪者阅读时产生视觉疲劳
七文字信息设计编排
编排网页文字信息时需考虑字体字号字符间距行间距段落版式段间距等许素美学观点保证网页整体视觉效果谐统保证文字信息醒目易识评价类工作高标准技术方面说天网页设计师CSS样式控制编排文字信息某种客户端未必安装特殊字体时设计师通常会文字信息保存图片Flash象确保设计元素客户端浏览器中正确展现
设计编排文字信息时必须考虑问题字体字号文字颜色字符间距视觉效果形成强烈精心设计文字网页空间增添活力泛滥素会整网页混乱堪
八图片动画
网页中图片时样需考虑美学技术两方面问题首先图片色彩形状风格等定网页整体风格相适应图片传达理念信息容应清晰准确——美学方面考量次网页设计师必须知道二值灰度256色真彩色图片间差异懂矢量图片点阵图片优缺点量优化图片特减少网页传输时间——技术方面考量美学技术两方面满意图片资格出现网页整体设计中
动画元素通常然成网页吸引视觉焦点运动东西总静止东西更容易抓住眼球正基样原需更慎重态度决定时动画元素见太动画元素搞砸网页网页设计师例外犯滥动画错误实判断动画元素否存必家面简单法:果某动画元素具装饰网页作法信息展示更清晰更生动应该毫犹豫删掉
九网页空间中运动趋势线
许网页视觉空间中隐藏条富活力运动趋势线观察某页面时果直觉断告诉页面中某设计元素(某连接起色块某相互影响图片特某具强烈暗示作线条)构成隐约见某方运动元素集合妨直接画笔勾出条够反映该元素集合运动趋势线条画家做体写生时通常先画出条反映体运动趋势线条样——条线做网页空间中运动趋势线
运动趋势线方形状出发容易找出视觉元素整体视觉空间交互关系旦发现某视觉元素没运动趋势线做出贡献反阻碍运动趋势线流畅延伸视觉元素半没存必
外开始新网页设计前果设计师根灵感暗示纸首先画出条运动趋势线然根运动趋势线延伸规律设计视觉元素形状色彩位置网页设计更表现出非般视觉效果
十Web标准设计网页
网页设计师考虑网页视觉效果关心网页具体实现技术结果现Web世界里太太足够漂亮符合技术标准网页法支持FirefoxSafari等非IE浏览器户改变缺省字体时保持原貌更怕符合技术标准网页部半堆充斥着