怒江如何用rp8设计网站

㈠ 如何利用Axure RP 8制作登录并链接功能

第一步，打开Axure RP 8软件，找到“Rounded Rectangle”，拖出一个到Home页面

第二步，拖出两个“Label”和两个“Text Field”到Home界面，并修改了Label标签内容

第三步，再拖出两个“Link Button”、一个“Vertical Line”、一个”Checkbox“和两个”HTML Button“，并修改其显示的内容

第四步，为了限制用户名、密码输入，将用户名长度限制为20，密码长度也为20，并且显示成密码格式输入

第五步，给”忘记“和”注册“添加链接，一个链接到”Page 1“，另一个链接到”Page 2“

最后一步，在浏览器上预览，点击”忘记“或”注册“

㈡ 利用axure进行响应式自适应网站的设计

在axure 8发布以后，可以利用几项技术（axure自动生成自适应html、前后端分离、响应式网站设计、restful接口、json或xml等）进一步简化网站的开发，该设计模式的主要流程如下：

1. 产品经理利用axure设计原型。

2. 原型讨论定型后由UI人员设计图标，更新到axure原型中。

3. 由axure生成 自适应的响应式网站 设计的html文件。

参考：http://www.woshipm.com/rp/696039.html

注意：axure发布项目生成html时，在左侧的“ 移动设备 ”这个设置页，需要 勾选“包含视口标签”，不勾选“禁止页面垂直滚动”，宽度设置为“device-width”， 高度留空不设置，初始缩放倍数绝对不能设置 ，最小缩放倍数设置为“0.1”，最大缩放倍数设置为10，允许用户缩放留空不设置 ，ios部分可以不理默认即可。另外需要 axure 8以上版本才能普遍适配手机 屏幕。

4a. 前端开发人员全盘使用上面生成的html文件、资源文件、axure的js文件，在各个页面上以前后端分离方式添加业务逻辑的实现（比如在html中加入jquery的ajax，和后端交互数据）。

4b. 后端开发人员设计和实现业务逻辑和前后端接口（4b可以和3、4a步骤同步进行），比如前后端使用restful的json封装作为前后端接口的数据交互。

5. 单元测试、集成测试、灰度测试，bug修复，发布上线。

该模式问题 ： 一旦axure原型有修改，前端怎么能更快适配该修改（现在是文件比较方式，类似git的merge）。

http://www.car-ocean.com/app-download/news.html

㈢ 如何利用Axure RP 8设计按钮控制页面框改变大小

具体步骤如下： 1、打开Axure RP，然后新建一个原型网页，如下图 2、在打开的界面中，选择底部菜单中的小桶图标，选择背景色 3、设置背景颜色以便于观察背景图片，在这里设置的是浅灰色系 4、背景颜色已经设置好了

㈣ rp8怎么制作购物网站

1、在AxureRP8软件内注册店铺。
2、准备店铺资料。
3、将资料填入AxureRP8进行店铺装修。
4、提交审核。
5、审核通过店铺就可以售卖了。AxureRP8是一款专业快速原型设计软件。主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师、交互设计师、业务分析师、信息架构师、可用性专家和产品经理。

㈤ 如何利用Axure RP 8设计注册界面

注册界面的原型制作很简单，直接拖放“文本框”元件、“文本标签”元件，调整尺寸、位置、样式即可。

效果图：

如果是交互上，那有很多钟注册方案，你需要先确定好。比如较为快捷的方式：手机端验证码方式注册，第三方微信、QQ注册等等。主要看适不适合你自己产品。

所以说，注册重在注册的流程，并不是要用Axure怎么设计注册界面，Axure只是个软件工具而已。

㈥ 如何利用Axure RP 8设计软件设置Android样式图

若要解释清楚像素和分辨率需要的篇幅比较长，请大家参考网络。 这里金乌直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。 如： iPhone4 320*480 iPhone5 320*568 Samsung Galaxy S4 360*640 Viewport Sizes 设备名称 系统平台 像素密度 屏幕尺寸 竖屏尺寸 横屏尺寸 Acer Iconia Tab A100 Android 166dpi 7″ 800 1280 Acer Iconia Tab A101 Android 170dpi 7″ 600 1024 Acer Iconia Tab A200 Android 160dpi 10.1″ 800 1280 Acer Iconia Tab A500 Android 149dpi 10.1″ 648 1280 Acer Iconia Tab A502 Android 149dpi 10.1″ 800 1280 Ainol Novo 7 Elf 2 Android 170dpi 7″ 496 1024 Apple iPad iOS 132dpi 9.7″ 768 1024 Apple iPad 2 iOS 132dpi 9.7″ 768 1024 Apple iPad 3 (and 4) iOS 264dpi 9.7″ 768 1024 Apple iPad Mini iOS 163dpi 7.9″ 768 1024 Apple iPhone 3G iOS 163dpi 3.5″ 320 480 Apple iPhone 3GS iOS 163dpi 3.5″ 320 480 Apple iPhone 4 iOS 326dpi 3.5″ 320 480 Apple iPhone 4S iOS 326dpi 3.5″ 320 480 Apple iPhone 5 iOS 326dpi 4″ 320 568 Apple iPod Touch iOS 163dpi 3.5″ 320 480 Archos 70b (it2) Android ?? 7″ 600 1024 Archos 80G9 Android 160dpi 8″ 768 1024 Arnova 7 G2 Android ?? 7″ 480 800 Arnova 7FG3 Android ?? 7″ 640 1067 Arnova 8C G3 Android 125dpi 8″ 800 1067 Arnova 10b G3 Android 160dpi 10.1″ 600 1024 ASUS Padfone Android ?? 4.3″ 800 1128 ASUS Transformer Pad TF300T Android ?? 10.1″ 800 1280 ASUS Transformer TF101 Android 149dpi 10.1″ 800 1280 BAUHN AMID-972XS Android ?? 9.7″ 768 1024 BlackBerry 9520 Blackberry OS 185dpi 3.25″ 345 691 BlackBerry Bold 9360 Blackberry OS 246dpi 2.44″ 320 N/A BlackBerry Bold 9780 Blackberry OS 246dpi 2.44″ 480 N/A BlackBerry Bold 9790 Blackberry OS 246dpi 2.45″ 320 N/A BlackBerry Bold 9900 Blackberry OS 287dpi 2.8″ 356 N/A BlackBerry Curve 9300 Blackberry OS 246dpi 2.45″ 311 N/A BlackBerry Curve 9320 Blackberry OS 164dpi 2.44″ 320 N/A BlackBerry Curve 9380 Blackberry OS 188dpi 3.2″ 320 N/A BlackBerry PlayBook Blackberry Tablet OS 169dpi 7″ 600 1024 BlackBerry Torch 9800 Blackberry OS 187.5dpi 3.2″ 320 480 BlackBerry Torch 9810 Blackberry OS 250dpi 3.2″ 320 480 BlackBerry Z10 Blackberry OS10 355dpi 4.2″ 345 521 Google Nexus 5 Android 445dpi 4.95″ 360 598 HP Touchpad Android 132dpi 9.7″ 768 1024 HP Veer WebOS 197dpi 2.6″ 320 545 HTC 7 Mozart Windows Phone 7 252dpi 3.7″ 320 480 HTC 7 Trophy Windows Phone 7 245dpi 3.8″ 320 480 HTC Desire Android 252dpi 3.7″ 320 533 HTC Desire C Android 164dpi 3.5″ 320 480 HTC Desire HD Android 216dpi 4.3″ 320 533 HTC Desire Z Android 252dpi 3.7″ 480 800 HTC Evo 3D Android 256dpi 4.3″ 540 960 HTC Legend Android ?? 3.2″ 320 480 HTC One S Android 256dpi 4.3″ 360 640 HTC One V Android 252dpi 3.7″ 320 533 HTC One XL Android 260dpi 4.7″ 360 640 HTC Sensation XL Android 198.5dpi 4.7″ 360 640 HTC Titan 4G Windows Phone 7 198.5dpi 4.7″ 320 480 HTC Velocity 4G Android 245dpi 4.5″ 360 640 HTC Wildfire S Android 180dpi 3.2″ 320 480 HTC Windows Phone 8X Windows Phone 8 341dpi 4.3″ 320 480 Huawei U8650 Android 165dpi 3.5″ 320 480 Kindle 3 Kindle 167dpi 6″ 600 N/A Kindle Fire HD 7 Android 216dpi 7″ 533 801 Kindle Fire HD 8.9 Android 254dpi 8.9″ 533 801 Kindle Fire HDX 7″ Android 323dpi 7″ 600 902 Kindle Paperwhite Kindle 212dpi 6″ 758 N/A Kobo eReader Touch Android N/A (E Ink) 6″ 600 N/A LG Optimus 2X Android 233dpi 4″ 320 533 LG Optimus L3 Android 125dpi 3.2″ 320 427 LG Optimus Pad Android 168dpi 8.9″ 768 1280 LG Viewty KU990 Java 155dpi 3″ 240 400 Microsoft Surface (RT) Windows RT 148dpi 10.6″ 768 1366 Motorola Defy Android 265dpi 3.7″ 320 569 Motorola Droid3 Android 275dpi 4″ 360 599 Motorola Droid Razr Android 256dpi 4.3″ 360 640 Motorola Milestone Android 265dpi 3.7″ 320 569 Motorola Razr HD 4G Android 312dpi 4.7″ 360 598 Motorola Razr M 4G Android 312dpi 4.7″ 360 598 Motorola Xoom Android 149dpi 10.1″ 800 1280 Motorola Xoom 2 Android 149dpi 10.1″ 800 1280 Nexus 4 Android 318dpi 4.7″ 384 598 Nexus 7 Android 216dpi 7″ 603 966 Nexus S Android 233dpi 4″ 320 533 Nokia 300 Nokia 167dpi 2.4″ 234 N/A Nokia 500 Symbian 229dpi 3.2″ 360 640 Nokia 700 Symbian 229dpi 3.2″ 240 427 Nokia 2700 S40 200dpi 2″ 240 N/A Nokia Lumia 520 Windows Phone 8 233dpi 4″ 320 480 Nokia Lumia 610 Windows Phone 7 252dpi 3.7″ 320 480 Nokia Lumia 710 Windows Phone 7 252dpi 3.7″ 320 480 Nokia Lumia 800 Windows Phone 7 252dpi 3.7″ 320 480 Nokia Lumia 820 Windows Phone 8 217dpi 4.3″ 320 480 Nokia Lumia 900 Windows Phone 7 217dpi 4.3″ 320 480 Nokia Lumia 920 Windows Phone 8 332dpi 4.5″ 320 480 Nokia Lumia 1020 Windows Phone 8 332dpi 4.5″ 320 480 Nokia Lumia 1520 Windows Phone 8 367dpi 6″ 320 480 Nokia N95 S60 154dpi 2.6″ 240 N/A Nokia N900 Naemo 267dpi 3.5″ 480 800 Panasonic Toughpad A1 Android 127dpi 10.1″ 768 1024 Samsung Galaxy Ace Android 165dpi 3.5″ 320 480 Samsung Galaxy Ace 2 Android 246dpi 3.8″ 320 533 Samsung Galaxy Grand Android 187dpi 5″ 480 800 Samsung Galaxy Note Android 285dpi 5.3″ 400 640 Samsung Galaxy Note 2 Android 267dpi 5.5″ 360 640 Samsung Galaxy Note 10.1 Android 149dpi 10.1″ 800 1280 Samsung Galaxy S2 Android 217dpi 4.3″ 320 533 Samsung Galaxy S3 Android 306dpi 4.8″ 360 640 Samsung Galaxy S3 Mini Android 233dpi 4″ 360 640 Samsung Galaxy S4 Android 441dpi 5″ 360 640 Samsung Galaxy S4 Mini Android 256dpi 4.3″ 360 640 Samsung Galaxy Tab 2 7.0 Android 170dpi 7″ 600 1024 Samsung Galaxy Tab 7 Android 170dpi 7″ 600 1024 Samsung Galaxy Tab 8.9 Android 170dpi 8.9″ 800 1280 Samsung Galaxy Tab 10.1 Android 149dpi 10.1″ 800 1280 Samsung Galaxy Tab 10.1 Android 149dpi 10.1″ 800 1280 Sony Xperia E Dual Android 164dpi 3.5″ 320 480 Tesco Hudl Android 242dpi 7″ 600 799 Windows Surface Pro Windows 8 207dpi 10.6″ 1080 1920 关于 Viewport 大家可以参考PPK大神的资料！

㈦ 如何用axure rp 8制作登录界面

制作登录界面的话，你可以在网络搜索Axure7.0从入门到精通，视频就是教如何制作登录界面的