UI CONCEPT DESIGNS | 2XL RACING (2013)
These were the concept mock-up designs that I came up with for 2XL STREET which was later renamed to 2XL RACING. When creating a UI for a mobile device it is sometimes hard to get the correct feeling of the view port scale. I would do these mock-ups and put them on a mobile phone to show to the game designer for feedback and changes. Once approved I would be able to break assets out into special UI sheets and implement them into the final functioning UI. I will have a seperate section showing the final UI screenshots of the game. Everything below was conceptulization.
SOFTWARE USED:
• High Res model was converted from CAD and cleaned up in Maya
• Low res modeled in Maya 2015 via Quadraw
• Supporting textures were baked in Knald
• Textured in Substance Painter 1 and Photoshop
• Rendered in Keyshot 5
{"items":["04322aa9-d47a-4194-8a8a-81a1e33644f5","28fa936d-f1b1-446a-b39d-3a8a49ba2ec9","6529d24e-93df-4452-aa37-c0ce3c1e5b88","3764991f-7749-4a2e-883c-7373d96b373d","0eb0b749-091e-447a-ba29-f153dbaf894d","b94a9d97-949d-474f-aaa6-5c52e76f79f7","2216c36d-a4ed-4116-beab-de0196a8a386","5c20374e-94b8-4787-921d-a25cc3198cfa","feb2bea4-16c2-4bad-9b5b-f5aec40282e4","7aa811dc-78a7-4cce-8222-ad0b699967da","919970dd-22a8-46be-8f07-477f3b5aca82","dc675c71-1029-4822-a64e-0557e97162ae","569c4634-b15f-4743-82b5-26b66af45893","9533b2ae-524c-4ccb-ad32-2f9e0223c6ad","6326ceb3-6b9c-4156-87f5-3a52e8dafba6","388b5c69-17c7-455d-816e-e42763c2a5a9","78c59f73-4427-4e6f-bdc9-c296635612eb","878744c1-e611-4d47-9af9-6f0cf5c92af9","c00a5e99-3dca-4630-b3b7-2a185e9d07c6","04bbb163-b022-4d48-afdd-5d4b1573afe8","c3ba68ab-c2e8-471e-bb89-489e706e9f34","42e69d86-cb87-4e3a-882f-a30a72d0eb80","afc97ec1-57e9-41fb-9408-7cf76a75aa50","dcd42297-fecb-4605-8d23-ad5ffe1bc671","fc4ca003-bfc9-468b-a416-6c53d522ba76","80021d99-2f8a-4fe7-9bd7-aac1d9734413","cb33d341-f037-40ec-bcd6-d74724a61b39","6af554dc-a537-4e96-92cf-b5ddac200d9a","c66972bf-ed14-46c6-af55-d4c1228141fc","a929c0a7-7a0f-4012-9659-53bf40dbaebd","9839c819-15e9-4320-95dd-7dcbb5626019","9e017a9e-9bd6-4be7-bf63-b0f250d295a8","da7bf39d-1b1d-4b28-9042-6ba0bf8aa193"],"styles":{"galleryType":1,"groupSize":3,"showArrows":true,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":false,"gallerySize":575,"collageAmount":0.1,"collageDensity":0.8,"groupTypes":"1,2h,2v,3t,3b,3l,3r","oneRow":false,"imageMargin":2,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":false,"itemClick":"expand","fullscreen":true,"allowSocial":true,"allowDownload":false,"allowTitle":true,"allowDescription":false,"loveButton":true,"loveCounter":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"0|bottom|1|fill|false|0|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":80,"usm":{"usm_a":0.23,"usm_r":0,"usm_t":0},"allowUsm":true},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":"color-5","itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"textBoxBorderColor":"color-5","textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":0,"itemOpacity":{"themeName":"color_11","value":"rgba(255,255,255,0.3)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"didot-w01-italic","preset":"Page-title","editorKey":"font_2","size":28,"displayName":"Page Title","fontStyleParam":true,"value":"font:normal normal normal 28px/1.4em didot-w01-italic,serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"responsive":false,"modifiedGallerySize":true,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":0,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":0,"height":2247,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":2564,"galleryHeight":2247,"scrollBase":0}}