首页 > 交互 > 关键词  > 交互设计最新资讯  > 正文

原型的构建与设计(Web版)

2012-05-09 10:31 · 稿源:小猛的交互设计

继续上一章的内容,那么怎么去组织页面元素,制作原型Demo;哪些表现层面是交互设计师该重点表达的内容,原型的制作又有哪些章法可循呢?

Ⅰ. 什么是原型?

原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:①需求内容的呈现 ②导航和链接 ③数据的交换

①需求内容的呈现

1)文本,多媒体内容的呈现

最基础的web页面就是文字和多媒体的载体,通过文字和媒体把需求内容呈现给访问者是Web设计最最基础的部分,设计师需要将信息分主次的传达给访问者,这是设计最基本的目的,之前我写过类似的文章《视觉设计是为了表达信息》。其实不管是交互还是视觉,都应该具备排版组织能力,分得清主次,明白目标,懂得用户群,才能谈的上设计。

了解栅格,有排版功底的交互设计师可以省去很多沟通成本:

和传统的视觉排版不同的是,交互设计需要在有限的空间内组织信息,举几个最常用的手法:

在设计布局的过程中,交互还必须要清楚前端实现的方法,基本的html,css和一些常用脚本效果都要有所了解。

举报

  • 相关推荐
  • 大家在看
  • Adobe以每分钟3美元的价格购买视频,构建AI模型

    Adobe公司最近开始采购视频,用于构建其人工智能文本到视频生成器,此举是为了在OpenAI展示出类似技术之后与竞争对手保持同步。该软件公司向其摄影师和艺术家网络提供报酬,以提交涉及人们进行日常活动或表达情感的视频,以及关于手、脚或眼睛等简单解剖部位的拍摄。OpenAI首席技术官米拉·穆拉蒂在上个月与华尔街日报的一段病毒式采访视频中表示,她不确定Sora是否是使用了来自谷歌的YouTube、以及MetaPlatformsInc.的Facebook和Instagram的用户生成视频进行训练的。

  • HTX迪拜之夜盛大举行:共筑开放、互联的Web3生态系统

    4月18日,由HTX、HTXDAO主办,去中心化AI云游戏协议DeepLink赞助的HTX迪拜之夜主题活动“领航者相聚,引领币圈新风向”在迪拜盛大举行。通过在全球第二大加密中心-迪拜的频繁亮相,HTX正积极塑造自己作为行业领导者的形象,并致力于推动整个加密货币行业的持续进步和繁荣。HTX将与更多业内佼佼者携手,共同探索创新途径和合作模式,以促进加密货币在全球层面的更广泛应用和认可,持续推动Web3生态系统的进一步发展和优化,为整个行业的繁荣贡献力量。

  • StableDesign:适用于室内装修设计的SD方案 文字提示就可修改室内设计

    有开发者开发了StableDesign项目,旨在为生成式室内设计提供数据集和训练方法。这是一个适用于室内装修设计的SD方案,上传一张空房间的图片,输入文字提示,可以按要求生成装修效果图。StableDesign生成的效果可不能全信,比如有时会把承重墙改没了。

  • Webflow官网体验入口 AI可视化编码网站建设工具使用地址

    Webflow是一款领先的可视化网页设计和开发工具。它允许用户在可视化画布上设计网站布局和样式,并自动生成优化的HTML、CSS和JavaScript代码。一家初创公司利用Webflow建立企业官网,实现了高度品牌个性化视觉体验,并通过CMS功能自主更新网站内容。

  • 三星Galaxy Z Fold6原型机曝光 轻了14克

    三星即将推出的GalaxyZFold6引起了众多科技爱好者的关注。海外博主公开了三星GalaxyZFold6原型机的图片,该设备与去年发布的ZFold5类似,并对重量进行了进一步优化。这款新型号智能手机备受期待,我们将会持续关注并及时报道相关消息。

  • Web3跨界合作新高度:TRON联手汉斯•季默共同打造主题曲

    4月16日,全球领先的去中心化平台TRON,宣布与享誉全球的作曲家汉斯·季默合作,共同推出Web3领域的里程碑式音乐作品——《创世纪歌:新纪元》。这首将在全球范围内发布的主题曲,不仅象征着TRON社区团结与进取的精神,更承载着全球用户对于未来数字世界的广阔期望。随着《创世纪歌:新纪元》的传播,TRON期待与全球伙伴和用户携手,开创数字经济发展的新纪元,共同书写人类社会新的篇章。

  • 美联社、费加罗报等外媒关注TRON与Web3分析平台Dune深度合作

    美联社、金融时报及费加罗报等多家海外媒体对TRON与Web3数据分析平台Dune的合作进行了报道,认为TRON是一个孕育了众多Web3产品的高性能区块链,此次集成于Dune平台之上是一座重要的里程碑,扩展了其区块链生态系统的可访问数据范围。报道内容显示,此次整合为用户提供了丰富且触手可及的数据和洞见,覆盖交易量、智能合约交互等多个方面。Dune是一个网页数据分析平台,支持用户查询、可视化、分享不同区块链的信息,目前已沉淀70余万张社区贡献的数据表资料,支持用户对代币、钱包、协议等进行全面分析。

  • OpenAI为开发者添加新功能 允许构建自定义模型

    OpenAI为开发者添加新功能,以增强对微调的控制,并宣布新方法来构建与OpenAI的自定义模型。这意味着开发者可以开发和训练一个特定于某个组织、业务领域、任务需求的模型。丰富的文档和社区支持:OpenAI提供了丰富的文档、教程和案例研究,以帮助开发者了解如何最有效地使用其工具和服务来构建自定义模型。

  • Canva 收购创意软件巨头 Affinity,扩大专业设计市场

    全球领先的视觉传播平台Canva今日宣布收购创意软件套件Affinity。这一举动将大大增强Canva打造最全面视觉通信工具的愿景。Affinity的加入将为设计师在创作过程的各个阶段提供更强大的工具支持,助力Canva实现成为世界上最全面视觉通信平台的目标。

  • CertiK与OKX合作升级,共同构建全方位安全框架

    4月19日,Web3.0头部安全审计公司CertiK官方宣布,已与全球知名数字资产交易平台OKX达成战略合作,将共同构建全方位安全框架。此次合作覆盖交易所平台、移动端、钱包安全和智能合约审计在内的多个领域,旨在通过探索全面的安全解决方案,增强用户信任和增长,以及共同提升区块链安全标准,促进Web3.0生态的可持续健康发展。CertiK曾发现并协助修复了SUI、Aptos、COSMOS等Layer1区块链和WormHole跨链桥等Web3.0知名项目的高危漏洞,并因发现苹果iOS内核的安全漏洞两次获得苹果公司致谢,2024年2月,CertiK荣获三星移动安全名人堂荣誉,并接连获得包括蚂蚁集团、京东、字节跳动等传统互联网头部公司的公开致谢。

  • Instant Refactor:代码重构工具,提升开发效率。

    Instant Refactor 是一款编程辅助工具,旨在帮助开发者提高代码重构的效率。它通过自动化的方式识别代码中的模式,并提供重构建议,从而减少手动重构的时间和精力消耗。该工具支持多种编程语言,具有用户友好的界面,可以帮助开发者更快地进行代码优化和维护。

  • Hyper-SD:高效图像合成的新框架

    Hyper-SD是一个创新的图像合成框架,它通过轨迹分割一致性模型和低步数推理的优势,实现了高效的图像合成。该框架结合了ODE轨迹保留和重构的优势,同时通过人类反馈学习进一步提升了性能,并通过分数蒸馏技术增强了低步数生成能力。Hyper-SD在1到8步推理步骤中实现了SOTA性能,特别适合需要快速且高质量图像生成的应用场景。

  • Unsloth:快速训练和微调大型语言模型

    Unsloth 是一个旨在提高大型语言模型(LLMs)训练和微调速度的平台。它通过手动推导所有计算密集型数学步骤并手写GPU内核,实现了无需硬件更改即可显著加快训练速度。Unsloth 支持多种GPU,包括NVIDIA、AMD和Intel,并提供开源版本供用户在Google Colab或Kaggle Notebooks上免费试用。它还提供了不同级别的定价方案,包括免费版、Pro版和企业版,以满足不同用户的需求。

  • 有言:无需拍摄、剪辑,一键生成 3D 视频

    有言是一站式 AIGC 视频创作平台,提供上千个高质量的 3D 虚拟人角色选择,无需真人出镜。用户无需拍摄、剪辑,一键生成场景、灯光、动画、运镜和镜头,还集成了智能镜头剪辑、高质量视频后期包装。价格分为免费和付费订阅两种模式,定位于帮助用户简单快速地制作高质量视频。

  • 蝉镜:AI 数字人视频创作平台

    蝉镜是一个在线数字人视频创作平台,利用 AI 简化视频创作过程,提供 AI 数字人播报、短视频制作、分身定制等服务。广告营销、跨境电商、短视频口播等领域的用户可以在此提升创作效率、降低成本。

  • SC-GS:用于编辑动态场景的稀疏控制高斯溅射技术

    SC-GS是一种新型表示技术,将动态场景的运动和外观分别用稀疏控制点和密集高斯函数表示。它使用少量控制点学习紧凑的6自由度变换基,这些基可通过插值权重在局部插值,得到3D高斯函数的运动场。它采用变形MLP预测每个控制点的时变6自由度变换,降低学习复杂度,增强学习能力,实现时空连贯的运动模式。同时联合学习3D高斯函数、控制点的规范空间位置和变形MLP,重建3D场景的外观、几何和动态。在训练过程中,控制点的位置和数量会自适应调整以适应不同区域的运动复杂度,并采用尽可能刚性的损失函数强制运动的空间连续性和局部刚性。由于运动表示的显式稀疏性和外观分离,该方法实现了用户控制的运动编辑,同时保留高保真度外观。大量实验表明,该方法在新视图合成和高速渲染方面优于现有方法,并支持新的保留外观的运动编辑应用。

  • XTuner:高效灵活的大规模模型微调工具包

    XTuner是一个为大型模型(如InternLM, Llama, Baichuan, Qwen, ChatGLM)设计的高效、灵活且功能齐全的微调工具包。它支持在几乎所有GPU上进行LLM和VLM的预训练和微调,能够自动调度高性能操作,如FlashAttention和Triton内核,以提高训练吞吐量。XTuner与DeepSpeed兼容,支持多种ZeRO优化技术。它还支持各种LLMs和VLM(如LLaVA),并设计了良好的数据管道,能够适应任何格式的数据集。此外,XTuner支持多种训练算法,包括QLoRA、LoRA和全参数微调,使用户能够选择最适合其需求的解决方案。

  • Neta:AI魔法,创造你的虚拟灵魂伴侣

    Neta是一个结合了AI技术的网站,用户可以自定义虚拟角色的服装,并通过AI技术让角色栩栩如生。用户可以与这些虚拟角色一起踏上冒险旅程,探索奇妙的世界,培养深厚的情感联系。Neta提供了一个充满想象力和创造性的平台,让用户在虚拟世界中体验不同的生活和情感。

  • VideoGigaGAN:视频超分辨率模型,细节丰富

    VideoGigaGAN是一款基于大规模图像上采样器GigaGAN的视频超分辨率(VSR)模型。它能够生成具有高频细节和时间一致性的视频。该模型通过添加时间注意力层和特征传播模块,显著提高了视频的时间一致性,并使用反锯齿块减少锯齿效应。VideoGigaGAN在公共数据集上与最先进的VSR模型进行了比较,并展示了8倍超分辨率的视频结果。

  • Llama3-8B-Chinese-Chat:专为中文优化的聊天模型

    Llama3-8B-Chinese-Chat 是一个专为中文优化的聊天模型,基于 Meta-Llama-3-8B-Instruct 模型并通过 ORPO 进行微调。该模型显著减少了中文问题英文回答以及回答中中英文混合的现象,同时减少了回答中表情符号的使用,使得回答更加正式。

  • SAM:智能视频对象分割技术

    SAM是一个先进的视频对象分割模型,它结合了光学流动和RGB信息,能够发现并分割视频中的移动对象。该模型在单对象和多对象基准测试中均取得了显著的性能提升,同时保持了对象的身份一致性。

  • Picture To Text:在线图片转文字

    Picture to Text是一款在线图片文字识别工具,能够批量提取和复制图片中的文字内容。它免费转换照片为可编辑的文字。

  • HueMan:开发者用户的人像 API

    HueMankey 是一个为开发者提供的用户人像 API。它能够为每个用户分配一个独特的人像头像,支持批量请求和直接存储在平台上。它提供轻量级的图像数据,动态适应用户规模,并具备灵活的订阅计划。

  • Santelmo:在线混音和母带处理服务

    使用我们的专业混音和母带处理服务,将您的音乐推向新的高度。通过AI的力量,将您的音轨转化为令人惊叹的杰作,让它在竞争激烈的音乐行业中脱颖而出。可靠的交付时间,无限修订,保证退款。

  • The best Suno AI Lyrics Generator:免费生成歌曲歌词

    Suno AI是一个专门用于生成歌曲歌词的在线工具。它只需指定一个歌曲主题,就能生成完整的歌词,包括歌词内容、旋律和伴奏。Suno AI可以生成2分钟的完整歌曲,支持各种音乐风格和流派。用户可以免费使用Suno AI网站或Discord频道生成歌曲。同时,Suno AI还提供付费版本,提供更多的生成点数和商业使用权。

  • Ongkanon:提升您每天的对话体验

    Ongkanon是一款智能对话AI助手,提供有意义且上下文相关的对话体验。它能够自然地与您交谈,就像与亲密的朋友聊天一样。Ongkanon会根据您的偏好进行个性化定制,还能记住以前对话的上下文,以便进行更连贯、有意义的交互。

  • X:生成你的AI头像视频!

    X Me是一个AI头像视频生成工具,通过输入文本即可快速生成个性化的AI头像视频。它使用轻量级的AI模型,无需复杂的训练过程,快速生成逼真的数字人物视频。X Me提供多种AI名人头像供用户选择,并支持将用户自己的面部特征和声音克隆到生成的头像视频中。用户可以根据自己的喜好和需求,自由创造个性化的AI头像视频。

  • Portrait Studio:AI生成专业商务头像

    Portrait Studio Pro是一款AI生成的专业商务头像服务。用户只需上传几张照片,我们的AI引擎将生成完美的商务照片,适用于LinkedIn等场景,无需进行实际拍摄。价格实惠,仅需191美元起,支持14天退款保证。

  • InterviewQueue:在线评估软件平台

    InterviewQueue是一个在线评估工具,帮助您轻松筛选候选人。通过ChatGPT集成,这个在线评估软件平台将帮助您创建逻辑评估,为您的组织找到理想的候选人!

  • Skyla:您的 Shopify 商店的 ChatGPT 客服聊天机器人

    Skyla 是专为 Shopify 商户打造的最佳客户支持聊天机器人。通过 ChatGPT 提供先进的 AI 动力,为您的商店提供最佳的客户支持体验。

今日大家都在搜的词: