精华内容
下载资源
问答
  • 引导网站 转到包含Web项目的文件夹 运行cmd 运行'npm install' 运行'npm start' 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> ...
  • 一个草图插件,用于从草图设计中导出原型网站(静态html CSS) 如何安装Genus 确保在Mac OS计算机中安装了Sketch。 单击以获取压缩版本。 解压缩下载的文件。 双击Genus.sketchplugin安装插件。 用户指南 如何...
  • LinkedInPrototypeNodeJS nodejs内置的LinkedIn原型网站
  • dataalbum.github.com 数据图原型网站。 为什么? 小巧有趣的图表和网络应用程序让一天变得更加光明。
  • 宝石 直接使用Web服务对Flask网站进行原型制作。
  • IntechNologySite
  • delta_prototype ######第2年内为Delta创建的原型网站
  • 我的轻量级,无JS投资组合网站。 使用的东西 无类但优雅的样式表。 免费字体。 调色板灵感。 为什么可以使用表情符号制作自定义图标。 实际开发人员使用RealFaviconGenerator。 故障。 -字体真棒排毒。 -...
  • SCI-NAPS 这是SCI-NAPS的原型网站。 科学小康计划是一项旨在使科学与“非科学”社区中的人们更亲近的举措。 访问我们的和频道以获取更多信息。
  • 网站后台管理系统原型

    热门讨论 2010-05-31 19:56:57
    一款网站后台管理系统的页面原型,CSS+DIV
  • 网站开发后台界面原型,界面清晰,架构多样,非常有用
  • GwendolineBenateau_3_22022021
  • 首次学习Axure制作网站原型,本来打算闹着玩,但是做的多了,上传吧,所有东西都在压缩包内,有需要可以下载
  • 注册功能在任何产品中都必不可少,原型设计过程中都需要制作注册页面。本文通过实例图文教程,全面展现了用axure制作注册页面的过程。同时实现了注册过程中的常用交互动作。对于学习axure的朋友,本教程非常直观。1....
  • 网页原型网站框架,网站布局原型adobe xd素材 wireframe、网站布局、网站模板、网页原型框架、自适应网站模板
  • axure网站原型旅游主题设计html,包含首页、登录、忘记密码与找回、旅游线路详情页等页面,网站结构丰富,布局非常好,属较高保真原型设计,仅供大家参考使用,rp文件需要自行寻找。
  • 产品人员
  • 非常漂亮的网站html页面原型

    热门讨论 2012-09-19 16:30:07
    非常漂亮的网站html页面原型
  • AxureUX大型网站原型模板,可以充分了解Axure设计理念,实现网站交互
  • 推荐一个设计原型展示网站

    千次阅读 2019-08-02 10:35:30
  • 好多产品经理或者刚转行的朋友总是在画原型的时候缺乏灵感,或者想找一下可以参考的原型或思路,那小编本期整理了一下产品经理常用的网站原型工具,在这些网站中可以下载原型和参考大神的作品。 PMYES ...

    我们平常需要用到很多产品经理网站,今天分享一些优秀的产品经理网站,相信可以很好地提高你的工作效率。

    好多产品经理或者刚转行的朋友总是在画原型的时候缺乏灵感,或者想找一下可以参考的原型或思路,那小编本期整理了一下产品经理常用的网站和原型工具,在这些网站中可以下载原型和参考大神的作品。

    PMYES

    https://www.pmyes.com/

    PMYES产品经理社区是一个互联网产品经理的交流社区,提供便捷的产品经理招聘求职,悬赏问答,产品设计资源下载,以及产品专栏等服务。是产品经理、产品助理、产品总监、交互设计、用户体验、创业合作人、产品测试、产品运营找工作和交流学习的最佳平台。帮助产品经理成长和自我实现,是我们一直努力的方向!

    AxureUX

    http://www.axureux.com/

    Axure高质量原创模板及元件库,助你快速打造友好美观的交互原型

    超级产品经理

    http://www.imspm.com

    imSpm(超级产品经理)是互联网产品工作者和创业者社区。每日精选内容,分享最优秀的产品技术,提供优质阅读体验。深度剖析国内外互联网产品动态,分享产品设计、交互设计、视觉设计、用户体验设计、产品运营、产品市场和项目管理等专业产品经理人知识。

    墨刀

    http://modao.cc

    最好用的原型设计工具,快速构建移动应用原型与线框图,云端保存、实时手机预览、多种手势动画特效、一键导出工作流以及团队协作管理功能。

    xiaopiu

    http://www.xiaopiu.com

    优雅高效的在线APP原型工具。打开浏览器即可享受软件级的流畅体验!海量组件库、交互动效自定义、高效友好的操作方式让您的创意即刻呈现!

    产品邦

    http://www.masterchat.cn

    产品邦是专为产品经理、产品专员及产品运营人士提供一个产品策划、产品运营、产品资料下载、 产品工具下载、Axure部件库下载、产品经理培训的产品经理互动论坛。

    产品壹佰

    http://www.chanpin100.com

    产品壹佰最真实的产品经理学习网站,互联网产品设计,原型设计,PRD,axure知识学习交流与分享。 为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程

    产品大牛

    http://www.pmdaniu.com

    产品大牛是一个服务于产品团队的工具+社区的平台,旨在帮助产品经理,交互设计师在线托管自己设计的产品原型与PRD文档,并快速地在线分发,收集各方对产品的意见。通过享受产品大牛的服务,提高工作效率,提升业内水平,拓展产品理念

    Axure中文网

    http://www.axure.com.cn

    Axure中文网提供axure汉化,免费下载axure中文语言包。 还有适合新手入门的Axure教程,Axure视频教程、Axure RP7.0下载。Axure中文网是Axure使用者必上的网站。

    原型库

    http://www.yuanxingku.com

    原型库 - AxureRP高保真原型案例实战,原型设计,可以如此简单!

    WebPPD

    http://www.webppd.com

    Axure中文社区,WebPPD产品原型设计,Axure8.0下载、汉化、注册、培训、免费视频、教程、组件、案例,产品经理社区,交互设计社区

    人人都是PM

    http://www.woshipm.com

    人人都是产品经理 | 产品经理、产品爱好者学习交流平台

    PMCAFF

    http://pmcaff.com

    PMCAFF产品经理社区是产品经理等产品爱好者最好的交流学习社区。

    Pmtoo

    http://www.pmtoo.com

    产品中国(pmtoo.com)成立于 2010 年 3 月,产品第一媒体, 为您带来最具价值的产品报道,深度报道国内外互联网创业公司,评论互联网产品。 内容涵盖:产品设计、网站运营、创业经验、交互设计、电子商务、用户体验、程序员、产品经理、科技、商业、管理、公开课



    暂时就分享到这里了,数据来源野创网

     http://www.yechuang.top/hao/pm/

    以上所有的网站都统一存放在里面了,新推荐的网站会在里面持续更新的

    如果你是从事产品经理相关行业的,

    可以关注产品经理网站导航http://www.yechuang.top/nav/pm

    这里收录的都是跟你工作相关的网站

    小编是野创网的站长,欢迎大家多多提意见哦

    展开全文
  • 旅游网站----原型

    2018-03-26 17:18:45
    旅游网站----原型 该.rar用于上课教学内容实践,如有雷同纯属巧合。
  • Axure RP8 网站与App原型设计经典实例教程》 原型设计已经是互联网行业产品设计过程中不可缺少的环节,也是检验互联网产品经理能力的标配指标。本书以Windows系统下流行的快速原型设计工具Axure RP为基础,以丰富的...
  • 在高速发展的互联网时代,网站设计的重要性不言而喻。对于设计师来说,一个好的个人网站可以很好的为自己展示UI/UX设计作品集;对于企业来说,一个好的网站可以为自己持续带来流量以及品牌曝光;网页设计师们总会...

    在高速发展的互联网时代,网站设计的重要性不言而喻。对于设计师来说,一个好的个人网站可以很好的为自己展示UI/UX设计作品集;对于企业来说,一个好的网站可以为自己持续带来流量以及品牌曝光;网页设计师们总会热衷于追随最新的设计趋势,因为在这些优秀的网站设计实例中可以看到某些趋势,诸如:扁平化设计、视差滚动、响应式设计、流行配色设计等等。那么接下来我们就一起来剖析看看2018年年度最佳的10个优秀网站设计实例,希望能为网页设计师带来好的灵感。

     

    1. Ester

    Ester网站设计Ester网站设计

     

    在这个网页设计中,采用了流行的插画风格,动态的草图插画使这些插画的纹理非常的清晰,有非常明显的手工迹象,整体看起来创意十足,给人营造出了完美的氛围。

     

    2. Sokruta

    Sokruta网站设计Sokruta网站设计

    进入Sokruta网站后,引入眼帘的是醒目的大图背景,然后配合简单直观的导航。使用鼠标滚轮的切换方式让整个网站看起来非常炫酷以及充满个性。这些个性化的设计都是在视觉上给用户冲击,但是确实有效。

     

    3 .Wearecolorz

    wearecolorz网站设计wearecolorz网站设计

    网站首页配色采用了本年度流行的紫色,代表着高贵、 庄严、 神秘,同时,也有着智慧和创造力的象征,可以说是一种非常有寓意的色彩。此外,里面的嘉宾介绍,采用了非规则的宫格布局,而且鼠标悬浮后有丰富的动效。

     

    4.Wm

    wm网站设计wm网站设计

    全网站设计使用了全新的分屏设计,这种网站设计可以很好地为用户呈现两方面的信息,并且能够针对不同尺寸的屏幕进行匹配,使网页端和移动端做到很好的兼容,以便为用户创造好的用户体验。用户在浏览网站时能一次获取两种不同的信息,鼓励用户根据个人喜好做出选择,使用户不会错过任何重要的信息。

     

    5. Buddhapizza

    buddhapizza网站设计buddhapizza网站设计

    网站首页采用了比较夸张的圆形元素,页面中让文字构成圆环形状,围绕批萨,给用户创造出独特的视觉奇观。为什么采用圆形元素呢?从形状心理学的角度来看,圆形和环形有着完整、和谐的心理学特征,在很多不同的场合,它常常会拿来传达爱情、能量的意象。

     

    6. Quay

    Quay网站设计Quay网站设计

    在这里,极简网站设计从未如此美丽。网站设计使用漂亮的美食大图背景吸引用户,全屏式的展示堪称完美。此外,采用汉堡包菜单按钮,设计抽屉式导航栏,可以大大节约网站空间。随着页面滚动,导航栏会自然的移动到页面顶部固定。网站设计层次清晰,且保持着一定的复杂度。

     

    7. Neverbounce

     

    neverbounce网站设计neverbounce网站设计

     

    网站设计的背景采用了今年回归的流行渐变色。网站logo使用简约文本样式,背景和LOGO之间有一定的对比度,但没有太过扎眼。用户在浏览网站时能够更加关注网站内容而非LOGO,这样就可以为用户传递更多的信息。

     

    8. Doggoforhire

    doggoforhire网站设计doggoforhire网站设计

    网站巧妙的使用了视差滚动特效。通过滚动动效可以有效的驱动用户参与交互。

     

    9. Designcalendar

    designcalendar网站设计designcalendar网站设计

    网站采用了彩色的背景,整体使用加粗的黑色字体,虽页面中元素不少,但是仍然保持了足够的留白比例,增加了整个设计的饱满感。使之营造出了足够的呼吸感。

     

    10. Klientboost

    klientboost网站设计klientboost网站设计

     

    网站设计采用了非常给力的响应式设计,在PC端可以查看“Get Proposal”号召性用语按钮的完整菜单,但在平板和移动设备上非常精简。网站在所有设备上都做到了很好的自适应,大大的提升了用户体验。

     

    原型设计

     

    怎么样?看完上面的10个网站设计实例后,是不是灵感十足?有了创意后,该如何做出心中的网站呢?从概念构想到真实的产品,首先要做的是对网站进行原型设计。下面,给大家分享几个使用Mockplus制作的网站原型,有兴趣的朋友也可以借助工具将自己的构想快速的变为可视界面。

     

    1. Shopify(Web,电商类)

     

    Shopify是一个购物车系统,其主要页面有:登录页面、主页、销售方法页面、价格页面、博客页面等。

     

    先来看看原型图:

     

    Shopify网站原型Shopify网站原型

     

    演示链接:http://run.mockplus.cn/1eQG166LpORvsJs3/index.html

     

    源文件下载:点击这里

     

    2. Valet(Web,企业类)

     

    Valet是一个企业公司通用网站,在做网站原型时,常常会用到鼠标悬停的一些交互,在Mockplus中,状态交互很好的解决了这个问题。

     

    先来看看原型图:

     

    Valet网站原型Valet网站原型

     

    演示链接:https://run.mockplus.cn/a0pM6HCniX9bQhSn/index.htm...

     

    源文件下载:点击这里

     

    3. Basecamp(Web,管理类)

     

    Basecamp是一款非常流行的基于云服务的项目管理软件。其主要页面有:登录注册页面、资料填写页面、主页、团队信息页面、最新更新页面等。

    先来看看原型图:

     

    Basecamp网站原型Basecamp网站原型

     

    演示链接:http://run.mockplus.cn/0EkosBdbKQKghqrX/index.html

     

    源文件下载:点击这里

     

    4. Dinzd(Web,设计类)

    Dinzd是一家德国室内设计网站,网站内涵盖全球设计精品资讯以及优秀案列。网站布局简单直观,内容丰富。

    此原型模板所用到的交互动作有结合弹出面板做下拉菜单效果,鼠标按下文字按钮跳转页面,按钮hover填充效果。

     

    先来看看原型图:

     

    Dinzd网站原型Dinzd网站原型

     

    演示链接:https://run.mockplus.cn/HHUaZMwfvj0tNqdi/index.htm...

     

    5. Taste(Web,美食类)

    Taste是国外知名的美食类网站,为人们提供丰富的美食菜单,帮助人们更好的享受美食带来的快乐。网站采用图文结合的排版方式,有固定顶部导航栏的交互功能等。

     

    先来看看原型图:

     

    Taste网站原型Taste网站原型

     

    演示链接:https://run.mockplus.cn/bo91A2CAK8ftEAuq/index.htm...

     

    以上就是要和大家分享的10个年度最佳网站设计实例和5个网站设计原型,对原型有兴趣的设计师赶紧下载网站原型设计工具动手试试吧!

    【文末福利】摹客诚邀体验官,3个月协作版,免费领取吧~~~

    https://idoc.mockplus.cn/promote?hmsr=Annewb

    展开全文
  • Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...
  • 制作网页原型Sometimes I work on single web pages for my projects. 有时,我在单个网页上为我的项目工作。 Maybe I want to redesign the blog. Maybe it’s a landing page for a new project. 也许我想...

    制作网页原型

    Sometimes I work on single web pages for my projects.

    有时,我在单个网页上为我的项目工作。

    Maybe I want to redesign the blog. Maybe it’s a landing page for a new project.

    也许我想重新设计博客。 也许这是一个新项目的登录页面。

    This is the process I use.

    这是我使用的过程。

    I like to use Tailwind to build prototypes.

    我喜欢使用Tailwind构建原型。

    I set up all the pipeline for Tailwind and PostCSS first:

    我首先为Tailwind和PostCSS设置了所有管道:

    Create postcss.config.js:

    创建postcss.config.js

    const purgecss = require('@fullhuman/postcss-purgecss')
    const cssnano = require('cssnano')
    
    module.exports = {
      plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
        cssnano({ preset: 'default' }),
        purgecss({
          content: ['./layouts/**/*.html', './src/**/*.vue', './src/**/*.jsx'],
          defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
        })
      ]
    }

    Create tailwind.config.js:

    创建tailwind.config.js

    module.exports = {
      theme: {},
      variants: {},
      plugins: [],
    }

    Craete a tailwind.css file:

    一个了解创建tailwind.css文件:

    @tailwind base;
    @tailwind components;
    @tailwind utilities;

    Create a package.json file:

    创建一个package.json文件:

    {
      "main": "index.js",
      "scripts": {
        "build:css": "postcss tailwind.css -o output.css",
        "watch": "watch 'npm run build:css' ./layouts"
      },
      "dependencies": {
        "@fullhuman/postcss-purgecss": "^1.3.0",
        "autoprefixer": "^9.7.1",
        "cssnano": "^4.1.10",
        "postcss": "^7.0.21",
        "tailwindcss": "^1.1.3",
        "watch": "^1.0.2"
      }
    }

    Create a layouts/index.html page, and add your HTML.

    创建一个layouts/index.html页面,然后添加您HTML。

    Start a terminal shell, go to the project folder and run:

    启动终端外壳,转到项目文件夹并运行:

    npm run watch

    Then I make the browser automatically sync the changes every time I save the page or the CSS is regenerated, using browser-sync, a great utility you can install using npm install -g browser-sync:

    然后,我让浏览器自动同步更改每次我保存页面或CSS的再生,使用browser-sync ,一个伟大的工具,你可以安装使用npm install -g browser-sync

    browser-sync start --server --files "."

    This starts a server and also automatically opens the browser and points at the newly created local web server.

    这将启动服务器,并自动打开浏览器并指向新创建的本地Web服务器。

    Now I open VS Code and the browser side by side, and I start prototyping!

    现在,我并排打开VS Code和浏览器,然后开始制作原型!

    翻译自: https://flaviocopes.com/how-prototype-webpage/

    制作网页原型

    展开全文
  • 常用的一款非常不错的交互原型设计工具Axure RP,也是产品经理和设计师常用的工具,原型模板欢迎下载收藏。
  • 图片网站原型设计

    2019-03-19 16:45:59
    某图片网站的早起版本原型设计,仅供大家下载学习之用,不得商用
  • Axure 原型案例

    2018-07-17 10:21:07
    TB购买的几个不错的原型案例,个人觉得还不错,可以参考学习。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 74,822
精华内容 29,928
关键字:

原型网站