工作室门面页面设计有感

学习web前端开发已有一阵时间,不过都是一味地在看书或者在w3cschool网站上自学。从HTML、css到javascript,一步一步地学习。这样子确实能比较具体的学习这些方面的知识,但是过了一段时间,当我想自己弄一个页面时,就会发现有些很基本的知识都记不起来了。所以,还是得有具体的项目来做才能巩固自己所学,在做的过程中还能不断地学习到新的知识。

这次负责的工作室门面网页设计确实让我感受颇多。因为这个页面主要是用来在新学年工作室招新时给师弟师妹们看的,由于体验对象的特殊性,我的初步思路是不要把页面弄得太花哨,能清晰的把工作室招新信息简洁明了的呈献给大家即可。

1.具体框架

设计一个页面,网页设计师首先要构思的就是这个页面的框架。由于网页用途是工作室招新,所以我在设计之前就到了几家大公司的招聘页面去取了一下经。我觉得微软、百度、去哪儿网的招聘页面都设计得不错的,页面美观且有自己的创新之处。但碍于个人能力有限,掌握的知识不多,在比较之下选择了参考百度招聘页面。它吸引我的地方就在于首页简单,用户可以根据自己想了解哪一方面的信息就可以直接找到并点击进去,与我们工作室门面网页的用途基本一样。不过,很遗憾的是查不到百度招聘首页的源代码呜呜呜~在种种不可抗力的阻挠下,幸好最终弄了出来~

2.我从未想到的问题

之前学习的时候自己弄那些很简单的小页面从来没想过要在在网页标题之前相关的标志,从来只是几个文字就完事了。但是这次弄得是工作室的门面网站,当然得正式点。那么问题就来了!原谅我们工作室目前并没有自己的logo。也就是说,我得自己去设计了!对ps不太熟悉的我经过这次的实践终于知道为什么美工对于网页设计是十分重要了。一把屎一把尿的把logo设计出来后,才发现要想在页面标题展示还得转化成ico。ico是什么?以前我从来不知道。于是便上网查,然后找了个在线转化器把logo从JPG格式转化成ICO格式了。就这么小小的一点,如果我不是亲自来弄一个正式的网页,如果我永远只在学习一些局部的特性,那么我永远都会连这些设计网页的基本要掌握的常识都不知道。唉,只能叹一句纸上谈兵终觉浅了。

暂时只想到了这些,真的是每一件事都得亲自去实践才会领悟到其中的妙处。在亲自操练中我才会学到真正实际要用到的知识。人生中第一篇技术博客先这样吧,晚安~

时间: 2024-11-06 08:18:12

工作室门面页面设计有感的相关文章

JavaScript高级---门面模式设计

门面模式 两个作用: 1.简化类的接口 2.消除类与使用它的客户代码之间的耦合 门面模式常常是开发人员最亲密的朋友.它几乎是所有javascript库的核心原则 门面模式的目的是为了让开发人员用更简单的方法调用一些相对复杂或组合的方法,主要就是简化开发的复杂性,提供一个相对容易的API去调用内部的方法供外界去使用,这样程序员开发会变得轻松些,编写一次组合代码后可以反复的去使用它,有助于节省时间和精力 注意: 不要滥用门面模式,所以使用你心仪的门面之前一定要三思而定,搞不好你就会小题大做 引入概念

20个国外创意404错误页面设计

404重要吗?看看这些创意无限的优秀404页面设计,有的胜在形式,有的胜在文案.不管是什么样的方式,能吸引用户停留看完就是一个好的404页面. kitkat.com squarespace.com roxanejammet.com emailcenteruk.com lissasleeckx.be onsydney.com.au facebook.com etsy.com browsermedia.com juicygraphics.net klout.com grainandmortar.co

国外的一些优秀单页滚动页面设计分享

国外的一些优秀单页滚动页面设计分享We Are Top Secret 这个导航界面设计从色彩上选用黑白,给人感觉带一点潮流,带一点温和,在这个单页滚动设计中没有特意去使用一些醒目和特效抓取用户的眼球,只是底部用了一个小巧的“scroll down”的提示,这样一来,由于界面简单简洁,融合度是非常好的. Fixed Group在这些页面很炫酷的设计中,国外一般都很喜欢将导航栏给隐藏掉,一方面可以更加简洁,更加美观,另一方面可以引导用户向下的滚动页面,在这个页面的诱导设计中是使用了一个超窄的箭头,有

web前端开发与页面设计的协作、区别与发展

web前端开发与页面设计的协作.区别与发展,布布扣,bubuko.com

UI设计之页面设计的九个要点!

刚入行的UI设计师,会做一些辅助的工作,大多数时间做的都是等待安排,完成工作.主要就是根据主设计师的设计和规范来制作下层页面,而在这个过程中有很多需要注意的地方,今天就和大家一起细数下层页面设计过程中必须要注意的要点.希望今天的UI设计教程能够帮助到大家. 在平时的工作中,会接触到很多"下层页面设计".下层页面设计就是,根据主设计师设计的主页面进行下层页面的制作.对于页面较多的网站,会经常这样分工协作.在拿到首页设计时,首先要对整体仔细确认.如果这一步没有认真做,接下来的页面就会陷入不

跨终端响应式页面设计入门

跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面,常规来讲一个跨终端页面,在宽屏的电脑上看和在小屏幕手机上看的布局是不同的,布局不同的原因是为了让读者更好地阅读你的页面,见下图: 这里有点要提到的是,我们常规会将PC版的页面和移动端设备的页面独立开来设计,这样会让PC端的页面布局更灵活和好维护.如果你希望你的页面能适配包括PC端在内的任何设备,那么下面几个小工具可以方便你顾及旧版本IE所存在的困扰: ⑴ IE8-不能识别HTML5的<hearder>.<article&g

个性化404页面设计

<!doctype html><html><head><meta charset="utf-8"><title>404</title><style type="text/css">    *{padding:0px; marigin:0px;font-size:14px; font-family:"微软雅黑"}    .page404{width:805px; h

[课程设计]Scrum 3.3 多鱼点餐系统开发进度(下单详细信息页面设计)

Scrum 3.3 多鱼点餐系统开发进度(下单详细信息页面设计)  1.团队名称:重案组 2.团队目标:长期经营,积累客户充分准备,伺机而行 3.团队口号:矢志不渝,追求完美 4.团队选题:餐厅到店点餐系统WEB 5.Sprint 3时间:12.09-12.18 重案组成员   姓名 学号 博客链接 Github链接 队长 黄冠锋 201406114134 http://www.cnblogs.com/hgf520/ https://github.com/crown999   卢利钦 20140

写给“有钱大爷”、”美工殿下”、“前端文艺青年”的微信HTML5页面设计建议

我保证你一分钟就能看完这篇文章! 真的.. 角色解释: 需求方:有钱大爷 设计人员:美工殿下 前端工程师:前端文艺青年 一个HTML5页面从提出到完成上线的流程: 1.需求方.设计人员.H5实现人员三方共同讨论实现方案 2.设计人员出设计图 3.H5人员按设计图出H5页面 4.需求方评估已实现的H5页面后给予反馈 5.设计人员与H5人员根据反馈进行适当调整 6.发布推广 如何提出一个合理的微信HTML5页面设计诉求? 合理分析诉求与公司团队拥有的资源: 1.需求完成时间: 时间给的越多,项目做的