Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
GUI Spec. Doc1418308769
Track ID: samir|project0|1418308769 Uploaded Date: December 11, 2014, 2:39 pmPublished Date: December 11, 2014, 3:24 pm
Table of ContentOverview
1Design File Overview
2Rendered Image - Resultant Color Palette
3Text & Font Usage Overview
Text Objects4Text: [Text 1]
5Text: [Text 2]
6Text: [Text 3]
7Text: [Text 4]
8Text: [Text 5]
9Text: [Text 6]
10Text: [Text 7]
Shapes & Bitmaps11Shape: [Shape 1]
12Shape: [Shape 2]
13Shape: [Shape 3]
14Shape: [Shape 4]
15Shape: [Shape 5]
16Shape: [Shape 6]
17Shape: [Shape 7]
18Shape: [Shape 8]
19Shape: [Shape 9]
Relative Positioning of Text Objects20Enveloping Shape [Shape 1] for Text [Text 1]
21Enveloping Shape [Shape 1] for Text [Text 2]
22Enveloping Shape [Shape 1] for Text [Text 3]
23Enveloping Shape [Shape 1] for Text [Text 4]
24Enveloping Shape [Shape 3] for Text [Text 5]
25Enveloping Shape [Shape 4] for Text [Text 6]
Design File Overview
File Type: ai File Name: health.ai File Size: 92.37 KB Upload date: December 11, 2014, 2:39 pm Design File Creator: Adobe Illustrator CS6 (Windows)
Creation Date: 08/27/14 18:26:55Last Modified: 08/27/14 18:26:55
AIX Version: 1.5Page Dimension: 1440 x 2560 pxPage Size: 1080 x 1920 ptsFile Size: 92.37 KB
Encryption: noOptimisation: no
Actual Used Color Palette: (HEX)
User Notes:
Page 1/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Rendered Image - Resultant Color Palette
Total Colors Used: 46Total Web-safe Colors Used: 12Web-safe Colors Compatibity: 26%
Most Used Resultant Color Palette: (HEX) #1EC3B3 #FFFFFF #2A4043 #B3B3B3 #808080 #C3EFEA #96E3DC #5BD3C7 #2EC7B8 #F0FBFA
Actual Used Color Palette: (HEX)
The image is only 26% web-safe compatible.
Displaying most used 46 out of total Colors:46
#1EC3B3 #FFFFFF #2A4043 #B3B3B3 #808080 #C3EFEA #96E3DC #5BD3C7#2EC7B8 #F0FBFA #8D999B #6A7677 #79DBD0 #A5E7E1 #D1F3F0 #E1F6F5#4CCFC2 #B4EAE6 #C6CCCD #3DCBBD #384D50 #88DED6 #F1F2F2 #637374#AAABAC #8E9495 #9CA6A7 #AAB3B4 #4F5F61 #46595C #6AD7CC #E3E6E6#556668 #7F8C8E #D4D9D9 #455759 #33484A #737D7F #7B8586 #B8BFC0#989C9D #718082 #E7F9F6 #DBF5F3 #3C4F52 #A1A4A4
Displaying most used 10 out of total Web-safe Colors:12
#33CCCC #FFFFFF #333333 #CCCCCC #999999 #CCFFFF #66CCCC #99CCCC#666666 #336666 #99FFCC
Total Web-Safe Colors in image:12
#33CCCC #FFFFFF #333333 #CCCCCC #999999 #CCFFFF #66CCCC #99CCCC#666666 #336666 #99FFCC #669999
User Notes:
Page 2/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text & Font Usage Overview
Total Text Objects Found: 7Total Embedded Fonts Used: 2Name of Fonts Used:
1. Roboto-Thin2. Roboto-Regular
Total Font Colors Used: 2Name of Font Colors Used:
1. #ffffff2. #2a4043
(Note: The text objects listed are the ones that are not rasterisedand/or not converted into 'shape layers' in the design file provided. )
User Notes:
Page 3/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 1]
Textbox ContentBloodpressure(mmHg)
Textbox Dimesions :Width : 824px (Screen Pixel)Height: 105.33px (Screen Pixel)
Width : 618ptHeight: 79pt
Absolute Position :Left: 308px (Screen Pixel)Top: 888px (Screen Pixel)
Left: 231ptTop: 666pt
Font Formatting :Font Name: Roboto-ThinFont Size: 60 ptFont Style: Font Color: #ffffff
Misc :Textbox Rotation: 0Angle: 0
105.33px
824px
308px 308px
888px
1567px
User Notes:
Page 4/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 2]
Textbox Content110/65
Textbox Dimesions :Width : 424px (Screen Pixel)Height: 173.33px (Screen Pixel)
Width : 318ptHeight: 130pt
Absolute Position :Left: 508px (Screen Pixel)Top: 992px (Screen Pixel)
Left: 381ptTop: 744pt
Font Formatting :Font Name: Roboto-RegularFont Size: 99 ptFont Style: Font Color: #ffffff
Misc :Textbox Rotation: 0Angle: 0
173.33px
424px
508px 508px
992px
1395px
User Notes:
Page 5/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 3]
Textbox ContentWeight(kg)
Textbox Dimesions :Width : 388px (Screen Pixel)Height: 105.33px (Screen Pixel)
Width : 291ptHeight: 79pt
Absolute Position :Left: 525.33px (Screen Pixel)Top: 1882.66px (Screen Pixel)
Left: 394ptTop: 1412pt
Font Formatting :Font Name: roboto-thinFont Size: 60 ptFont Style: Font Color: #ffffff
Misc :Textbox Rotation: 0Angle: 0
105.33px
388px
525px 527px
1882px
573px
User Notes:
Page 6/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 4]
Textbox Content78
Textbox Dimesions :Width : 148px (Screen Pixel)Height: 173.33px (Screen Pixel)
Width : 111ptHeight: 130pt
Absolute Position :Left: 645.33px (Screen Pixel)Top: 1986.66px (Screen Pixel)
Left: 484ptTop: 1490pt
Font Formatting :Font Name: roboto-regularFont Size: 99 ptFont Style: Font Color: #ffffff
Misc :Textbox Rotation: 0Angle: 0
173.33px
148px
645px 647px
1986px
401px
User Notes:
Page 7/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 5]
Textbox ContentPRE-WORKOUT
Textbox Dimesions :Width : 446.66px (Screen Pixel)Height: 84px (Screen Pixel)
Width : 335ptHeight: 63pt
Absolute Position :Left: 42.66px (Screen Pixel)Top: 2393.33px (Screen Pixel)
Left: 32ptTop: 1795pt
Font Formatting :Font Name: roboto-regularFont Size: 48 ptFont Style: Font Color: #2a4043
Misc :Textbox Rotation: 0Angle: 0
84px
446.66px
42px 952px
2393px
83px
User Notes:
Page 8/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 6]
Textbox ContentPOST-WORKOUT
Textbox Dimesions :Width : 481.33px (Screen Pixel)Height: 84px (Screen Pixel)
Width : 361ptHeight: 63pt
Absolute Position :Left: 762.66px (Screen Pixel)Top: 2393.33px (Screen Pixel)
Left: 572ptTop: 1795pt
Font Formatting :Font Name: roboto-regularFont Size: 48 ptFont Style: Font Color: #2a4043
Misc :Textbox Rotation: 0Angle: 0
84px
481.33px
762px 197px
2393px
83px
User Notes:
Page 9/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Text: [Text 7]
Textbox ContentBODYDATA
Textbox Dimesions :Width : 512px (Screen Pixel)Height: 125.33px (Screen Pixel)
Width : 384ptHeight: 94pt
Absolute Position :Left: 886.66px (Screen Pixel)Top: 58.66px (Screen Pixel)
Left: 665ptTop: 44pt
Font Formatting :Font Name: roboto-regularFont Size: 72 ptFont Style: Font Color: #ffffff
Misc :Textbox Rotation: 0Angle: 0
125.33px
512px
886px 42px58px
2377px
User Notes:
Page 10/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 1]
Shape Object
Shape Dimesions :Width : 1440px (Screen Pixel)Height: 2110.66px (Screen Pixel)
Width : 1080ptHeight: 1583pt
Absolute Position :Left: 0px (Screen Pixel)Top: 209.33px (Screen Pixel)
Left: 0ptTop: 156.99pt
Misc :Background Color: #NaNNaNNaN
2110.66px
1440px
0px 0px
209px
241px
User Notes:
Page 11/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 2]
Shape Object
Shape Dimesions :Width : 1440px (Screen Pixel)Height: 209.33px (Screen Pixel)
Width : 1080ptHeight: 156.99pt
Absolute Position :Left: 0px (Screen Pixel)Top: 0px (Screen Pixel)
Left: 0ptTop: 0pt
Misc :Background Color: #NaNNaNNaN
209.33px
1440px
0px 0px0px
2351px
User Notes:
Page 12/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 3]
Shape Object
Shape Dimesions :Width : 720px (Screen Pixel)Height: 240px (Screen Pixel)
Width : 540ptHeight: 180pt
Absolute Position :Left: 0px (Screen Pixel)Top: 2320px (Screen Pixel)
Left: 0ptTop: 1740pt
Misc :Background Color: #NaNNaNNaN
240px
720px
0px 720px
2320px
0px
User Notes:
Page 13/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 4]
Shape Object
Shape Dimesions :Width : 719.99px (Screen Pixel)Height: 240px (Screen Pixel)
Width : 539.99ptHeight: 180pt
Absolute Position :Left: 720px (Screen Pixel)Top: 2320px (Screen Pixel)
Left: 540ptTop: 1740pt
Misc :Background Color: #NaNNaNNaN
240px
719.99px
720px 1px
2320px
0px
User Notes:
Page 14/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 5]
Shape Object
Shape Dimesions :Width : 498.94px (Screen Pixel)Height: 498.94px (Screen Pixel)
Width : 374.21ptHeight: 374.21pt
Absolute Position :Left: 470.33px (Screen Pixel)Top: 362.25px (Screen Pixel)
Left: 352.75ptTop: 271.69pt
Misc :Background Color: #NaNNaNNaN
498.94px
498.94px
470px 472px
362px
1700px
User Notes:
Page 15/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 6]
Shape Object
Shape Dimesions :Width : 326.69px (Screen Pixel)Height: 295.87px (Screen Pixel)
Width : 245.01ptHeight: 221.9pt
Absolute Position :Left: 554.41px (Screen Pixel)Top: 490.71px (Screen Pixel)
Left: 415.81ptTop: 368.03pt
Misc :Background Color: #NaNNaNNaN
295.87px
326.69px
554px 560px
490px
1775px
User Notes:
Page 16/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 7]
Shape Object
Shape Dimesions :Width : 493.54px (Screen Pixel)Height: 493.54px (Screen Pixel)
Width : 370.15ptHeight: 370.15pt
Absolute Position :Left: 473.03px (Screen Pixel)Top: 1359.22px (Screen Pixel)
Left: 354.77ptTop: 1019.42pt
Misc :Background Color: #NaNNaNNaN
493.54px
493.54px
473px 474px
1359px
708px
User Notes:
Page 17/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 8]
Shape Object
Shape Dimesions :Width : 424.51px (Screen Pixel)Height: 179.9px (Screen Pixel)
Width : 318.38ptHeight: 134.92pt
Absolute Position :Left: 507.54px (Screen Pixel)Top: 1515.93px (Screen Pixel)
Left: 380.66ptTop: 1136.95pt
Misc :Background Color: #NaNNaNNaN
179.9px
424.51px
507px 509px
1515px
866px
User Notes:
Page 18/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Shape: [Shape 9]
Shape Object
Shape Dimesions :Width : 33.24px (Screen Pixel)Height: 72.03px (Screen Pixel)
Width : 24.93ptHeight: 54.02pt
Absolute Position :Left: 703.16px (Screen Pixel)Top: 1583.31px (Screen Pixel)
Left: 527.37ptTop: 1187.48pt
Misc :Background Color: #NaNNaNNaN
72.03px
33.24px
703px 704px
1583px
905px
User Notes:
Page 19/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 1] for Text [Text 1]
105.33px
824px
2110.66px
1440px
0px 0px
209px
241px
User Notes:
Page 20/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 1] for Text [Text 2]
173.33px
424px2110.66px
1440px
0px 0px
209px
241px
User Notes:
Page 21/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 1] for Text [Text 3]
105.33px
388px
2110.66px
1440px
0px 0px
209px
241px
User Notes:
Page 22/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 1] for Text [Text 4]
173.33px
148px
2110.66px
1440px
0px 0px
209px
241px
User Notes:
Page 23/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 3] for Text [Text 5]
84px
446.66px
240px
720px
0px 720px
2320px
0px
User Notes:
Page 24/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 4] for Text [Text 6]
84px
481.33px
240px
719.99px
720px 1px
2320px
0px
User Notes:
Page 25/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 2] for Text [Text 7]
125.33px
512px
209.33px
1440px
0px 0px0px
2351px
User Notes:
Page 26/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 5] for Shape [Shape 6]
295.87px
326.69px
498.94px
498.94px
470px 472px
362px
1700px
User Notes:
Page 27/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 7] for Shape [Shape 8]
179.9px
424.51px
493.54px
493.54px
473px 474px
1359px
708px
User Notes:
Page 28/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]
Enveloping Shape [Shape 8] for Shape [Shape 9]
72.03px
33.24px
179.9px
424.51px
507px 509px
1515px
866px
User Notes:
Page 29/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]