Muutke küpsiste eelistusi

Mastering UI Mockups and Frameworks: A Beginner's Guide [Pehme köide]

Edited by
  • Formaat: Paperback / softback, 230 pages, kõrgus x laius: 198x129 mm, kaal: 453 g, 8 Halftones, black and white; 8 Illustrations, black and white
  • Sari: Mastering Computer Science
  • Ilmumisaeg: 22-Apr-2022
  • Kirjastus: CRC Press
  • ISBN-10: 1032103159
  • ISBN-13: 9781032103150
Teised raamatud teemal:
  • Pehme köide
  • Hind: 43,74 €*
  • * saadame teile pakkumise kasutatud raamatule, mille hind võib erineda kodulehel olevast hinnast
  • See raamat on trükist otsas, kuid me saadame teile pakkumise kasutatud raamatule.
  • Kogus:
  • Lisa ostukorvi
  • Tasuta tarne
  • Lisa soovinimekirja
Mastering UI Mockups and Frameworks: A Beginner's GuideSuurem pilt
  • Formaat: Paperback / softback, 230 pages, kõrgus x laius: 198x129 mm, kaal: 453 g, 8 Halftones, black and white; 8 Illustrations, black and white
  • Sari: Mastering Computer Science
  • Ilmumisaeg: 22-Apr-2022
  • Kirjastus: CRC Press
  • ISBN-10: 1032103159
  • ISBN-13: 9781032103150
Teised raamatud teemal:
Püsilink: https://www.kriso.ee/db/9781032103150.html
Märksõnad:

Mastering UI Mockups and Frameworks sets the standard for studying wireframes, mockups, and different tools with its unique features. This book comprehensively analyses the design, portability, and efficiency of various tools.

About the Editor xv
Chapter 1 Introduction to Mockups and Wireframes
1(38)
Mockups
4(7)
Different Components of a Mockup
11(1)
Creating and Designing
12(4)
Some Tools Used to Create Mockups
16(1)
Wireframes
17(1)
Why Should We Wireframe
18(1)
Quintessential Points to Have in Mind for Creating Better Wireframes for Better Results
19(2)
Different Types of Wireframes
21(12)
Some Wireframing Tools
33(3)
Differences Between Mockups And Wireframes
36(3)
Chapter 2 Mockup Tools
39(6)
Introduction
40(1)
What Is a Mockup?
40(1)
What Is the Purpose of Mockups?
40(1)
Where Do Mockups Come into the Web Design Process?
41(1)
What Is the Distinction between a Wireframe and Mockup?
42(1)
Mockup and a Prototype?
43(1)
For Creating Mockups
43(1)
Mockup Tools
44(1)
A Adobe XD
45(16)
Ease of Use
46(1)
Ecosystem
47(1)
Adobe XD Features
47(1)
Can You Move Artboards in Adobe XD?
48(1)
What Can You Do on Artboards?
48(1)
Create and Use Grids for Layouts
48(1)
Adobe XD Design and Prototype Mode Features
49(1)
What Can You Do in Design Mode?
49(1)
Layers Panel
50(1)
Creating Assets and Symbols
51(1)
Repeat Grid
52(1)
Adobe XD Review of Prototype Mode
53(1)
Adobe XD Review of Artboard Wires
53(1)
Adobe XD Review of Prototype Transitions
54(1)
Using the Preview Feature
54(1)
Adobe XD Review of Prototype Preview
54(2)
Using UI Kits and Third-Party Extensions
56(1)
How to Use Adobe XD UI Kits
57(1)
Ways to Download and Import UI Kits into Adobe XD
58(1)
Adobe XD iOS UI Kit
58(1)
Adobe XD Material Design UI Kits
58(1)
Adobe XD-Like Software Alternatives
59(1)
Adobe XD's Issues and Bugs
59(1)
Adobe XD Review of Common Bugs and Errors
59(1)
Adobe XD Pros and Cons
60(1)
Conclusion
61(1)
B Mockplus
61(16)
Preview and Export with Ease
65(1)
What Is a Prototype?
65(1)
Why Rapid Prototype?
66(1)
Relationship between Prototype and Mockplus?
66(1)
More Impressive Features of Mockplus
67(1)
Online Designing and Prototyping
68(1)
Design Collaboration
68(1)
Design Handoff
68(1)
Design System
69(1)
Fully Visualized Interaction
69(1)
Ready-Made Components
70(1)
New Features Wrapped in V2.19
70(1)
Selectable "Wireframe" & "Sketch" Style
71(1)
Multiple Choices to Preview on Any Device
71(1)
Pricing Policy and Exclusive Offer
71(1)
Technical and Documentation Support
72(1)
Export an Online Written PRD to PDF
72(1)
Improved Editing
73(1)
Decide Who Joins the Team
73(1)
Customize Project Tree
73(1)
Copy CSS Code Line by Line
73(1)
Rename Assets
74(1)
Export WebP Images
74(1)
Change Guide Colors
74(1)
Attach Description to Your Upload
74(1)
Simple and Clean
74(1)
Cons
75(2)
C Moqups
77(17)
Key Features of Moqups
80(1)
Organize Your Projects
81(1)
Integrations and Collaboration
81(1)
Accelerates Your Creativity
81(1)
Work from Anywhere
82(1)
Built-in Library for Icons and Stencils
82(1)
Team Collaboration and Communication
82(1)
Moqups Products
83(5)
Moqups Advantages and Disadvantages
88(1)
Moqups Advantages
88(1)
Moqups Disadvantages
89(1)
Resources and Blogs
89(1)
Extensions, Add-Ons, and Integrations
89(1)
Support
90(1)
Moqups Pricing Plans
90(2)
Roles and Permissions
92(1)
Getting Started with Moqups
92(2)
Who Is Moqups Best for?
94(1)
D Mockplus iDOC
94(21)
Why Choose Mockplus iDoc?
96(1)
Various Ways of Accessing Specs
97(4)
New Features of Mockplus iDoc
101(4)
User-Friendly Features to Enhance Your Design Process
105(3)
Pros
108(1)
Cons
109(1)
Differentiator
109(1)
Mobile Accessibility
109(1)
Support
109(2)
Chapter 3 Wireframing Tools
111(4)
Wireframing is Essential In Ui Design
112(1)
A Wireframe Is Easier to Adapt
112(1)
Wireframing Is Used Early in the Project Lifecycle
112(1)
Advantages of Wireframing
113(1)
Disadvantages of Wireframing
114(1)
What Are Wireframe Tools?
114(1)
What Makes a Good Wireframe Tool?
115(1)
A Sketch
115(18)
Benefits of Sketch
118(1)
Sketch Basic Features
119(3)
Getting Started
122(1)
Interface and Canvas
123(1)
Artboards
124(1)
Prototyping and Responsive Design
124(2)
Output and Collaboration
126(1)
Sketch Library Preferences
126(1)
Creating Your Sketch Style Guide
127(5)
Cons
132(1)
B Figma
133(22)
Why Is Web-Based a Good Thing?
134(1)
Figma Works on Any Platform
134(1)
Collaboration Is Simple and Familiar
135(1)
Figma Uses Slack for Team Communication
136(1)
Figma Sharing Is Uncomplicated and Flexible
136(1)
Embedded Figma Files Provide Real-Time Updating
136(1)
Figma Is Great for Design Review Feedback
137(1)
Developer Handoffls Facilitated Using Figma
137(1)
Figma APIs Provide Third-Party Tool Integration
138(1)
File Versioning Is Automatic or On-Demand
138(1)
Prototyping in Figma Is Straightforward and Intuitive
139(1)
Figma's Team Libraries Provide Ideal for Design Systems
139(1)
Figma Is Built to Enhance Design Teamwork
140(1)
Figma Can Be a Robust Design Tool for WordPress Sites
140(1)
Easy to Share Files
141(1)
Numerous Plugins Available
141(1)
The Valuable Feature of Figma Mirror
141(1)
Numerous Methods for Selections
142(1)
Cons
142(1)
Getting Started
143(8)
Prototyping in Figma
151(1)
Setting Up a Prototype
151(1)
Connecting Screens
152(1)
Overflow Behaviors
152(1)
Sharing and Working with Others
153(1)
Presentation Mode
153(1)
Create a Team and Project
153(1)
Library
153(1)
Sharing with Other Designers and Developers
154(1)
Exporting Assets
155(1)
C UXPin
155(70)
Rapid Prototyping
157(1)
Interface Design
157(1)
Hi-Fi Prototypes
157(1)
Code Snippets and Use Cases
158(1)
Collaboration and Handoffs
158(1)
Prototype Documentation
159(1)
Specs, Assets, and Code
159(1)
Scalable Design Systems
159(1)
Design System Libraries
159(1)
Components
160(1)
UXPin Merge
160(1)
How Does It Work?
161(2)
Learn UXPin
163(1)
Tip
163(1)
Using UXPin on Mobile
164(1)
Supported Versions
164(1)
Working on Multiple Devices
164(1)
Working Offline
164(1)
How to Create a Prototype in UXPin?
165(2)
Pros
167(1)
Cons
167(1)
D Axure
167(2)
What Can You Create in Axure RP?
169(1)
Is Axure RP Easy to Learn?
170(1)
Axure RP 9 Interface
170(1)
Is Axure RP Suitable for You?
171(1)
Is Axure RP Worth Buying?
172(1)
How Much Is Axure RP?
172(3)
Create a Prototype with Axure RP
175(4)
Chapter 4 Appraisal
179(46)
Disadvantages Of Wireframing
186(10)
Cons
196(1)
Interaction Components
196(5)
Key Features Of Moqups
201(1)
Moqups Disadvantages
202(1)
Resources and Blogs
202(1)
Extensions, Add-Ons, and Integrations
203(1)
Support
204(1)
Moqups Pricing Plans
204(2)
New Features of Mockplus iDoc
206(1)
Gesture Interaction
206(1)
Cons
207(3)
Benefits Of Sketch
210(1)
Sketch Basic Features
211(4)
Cons
215(1)
Why Is Web-Based A Good Thing?
216(4)
Merge In UXPin
220(2)
What Can You Create In Axure RP?
222(3)
Index 225
Sufyan bin Uzayr is a writer, coder and entrepreneur with over a decade of experience in the industry. He has authored several books in the past, pertaining to a diverse range of topics, ranging from History to Computers/IT.

Sufyan is the Director of Parakozm, a multinational IT company specializing in EdTech solutions. He also runs Zeba Academy, an online learning and teaching vertical with a focus on STEM fields.

Sufyan specializes in a wide variety of technologies, such as JavaScript, Dart, WordPress, Drupal, Linux and Python. He holds multiple degrees, including ones in Management, IT, Literature and Political Science.

Sufyan is a digital nomad, dividing his time between four countries. He has lived and taught in universities and educational institutions around the globe. Sufyan takes a keen interest in technology, politics, literature, history and sports, and in his spare time, he enjoys teaching coding and English to young students.

Learn more at sufyanism.com