你用什么来创建网站架构?
当然,我们可以使用简单的项目符号列表或思维导图。 但是,必须有一种更好、更具互动性的方式。 开始构建网站时您会使用什么?
Sure, we can use a simple bulleted list or a mindmap. But, there must be a better, more interactive way. What do you use when starting your website architecture?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
从物理和逻辑架构的角度来看,没有什么比白板更好的了,它可以在框中绘制应用程序的层/层。 然后使用 Visio 创建电子副本。
之后,迭代地深入每一层并使用适当的工具和技术进行设计。 以下是我常用的内容:
From a physical and logical architecture standpoint, nothing beats the whiteboard, drawing up the layers/tiers of the application in boxes. Then create an electronic copy using Visio.
After that, iteratively dive into each layer and design it using appropriate tools and techniques. Here are what I commonly use:
我喜欢用钢笔和线条勾勒出设计草图。 纸。 严重地。 没有电脑。 布局主屏幕,包括导航栏。 从这里开始,考虑您希望第二层和第三层页面的外观。
我发现将内容写在纸上的过程确实可以帮助我思考我想从网站中得到什么。 尝试为一些屏幕设计模板。 然后创建您想要包含的内容的大纲。
I like to sketch out a design with pen & paper. Seriously. No computer. Layout the home screen, including a navigation bar. From here, think about what you'd like 2nd and 3rd tier pages to look like.
I've found that this process of writing things out on paper really helps me think about what I want out of the site. Try to come up with templates for a few of the screens. Then create an outline of the content you would like to include.
纸质原型宝贝 - 将其贴在白板上(这样您就可以移动它们并保持关系流畅,而无需修改页面创意本身)。 当然,一旦您了解了界面设计的本质,就可以“放大”每个便利贴并使用它们来代表各个元素。 适合可用性测试、避免代码重复、干净的结构......几乎所有的事情。 而且它很便宜而且非常非常快。
Paper prototyping baby - post-its on a whiteboard (so you can move them around and keep the relationships fluid without having to modify the page ideas themselves). Then of course, once you get down to the nitty-gritty of interface design, 'zoom in' on each of those post-its and use them to represent individual elements. Good for usability testing, avoiding code duplication, clean structures...just about everything. Plus it's cheap and very, very fast.
您所说的“架构”是指初始站点地图吗? 如果没有,请发表澄清,我将编辑我的回复。
在我们的创意部门完成工作后,我们的技术团队开始开发。 我们得到的部分内容是信息架构师的输出。 他将图形站点地图、Excel 表格形式的详细站点地图以及 PDF 中的一组线框图进行了传递。
By "architecture", do you mean the initial site map? If not, please post a clarification and I'll edit my response.
Our tech team starts development after our creative department has done their stuff. Part of what we get is output from the information architect. He passes off a graphical sitemap, a detailed sitemap as an Excel sheet, and a set of wireframes in a PDF.