Challenge Summary
Welcome to the Styx "GUI PSD Kit" Contest. The goal of this contest is to gather all existing Styx UI Elements and create a graphic PSD Kit for future design and when develop applications. At the end of this contest the Client is looking to have a clean set of PSD files capturing all of the Styx Design/UI Elements. Read the Contest Details carefully and let us know if you have any questions.
Round 1
Styx -GUI-Kit.psd(s): Give us an idea of how your going to present and package your GUI PSD Kit - Contain as much information as possible for Review
PNG/JPG Files: of any design items/inconsistencies you would like the Client to review and comment on.
Documentation: (Notes within the PSD layer and any additional stand alone documentation files)
Round 2
Styx -GUI-Kit.psd(s): Final GUI PSD Kit
PNG/JPG Files: of any design items/inconsistencies you would like the Client to review and comment on.
Documentation: (Notes within the PSD layer and any additional stand alone documentation files)
Contest Details
Styx want to create a style guide for their existing mobile applications. These applications that we want to look at and base the initial style guide on:
Styx Video Application (iPad/iPhone)
Styx Access Control Application (iPad/iPhone)
You can download the related psd files here;
- Styx Video Application (iPad)
- Styx Video Application Screenshot (iPhone) Landscape
- Styx Video Application Screenshot (iPhone) Portrait
- Styx Video Application PSD (iPhone)
- Styx Access Control Application (iPad)
- Styx Access Control Application (iPhone)
Styx GUI PSD Kit
The main idea behind the contest is to speed up the creation of designs and develop Styx application UIs and pages, thus sparing you from drawing all the comps and letting them customize all the texts, buttons and data as they need.
Reference
- Facebook GUI PSD Kit
- Android GUI PSD Kit
- iPhone GUI PSD Kit
- iPad GUI PSD Kit
IMPORTANT
- Group/package each of UI elements in its own folder layer with appropriate name.
- DO NOT copy rasterized images in GUI PSD Kit, all UI elements must the original graphic elements.
- Categorize PSD's based on specific UI elements
- Use the reference links as guidelines for setting up your files
- You might need to recreate some graphics if the PSD source is not available.
CONTEST TASKS
- We need you to capturing all the UI elements from provided PSD sources.
- Add the Styx Logo and Title at the top and GUI version/branding.
- Make your Styx GUI PSD Kit get the feeling of Styx Application.
- Please create Headers/Titles for the different sections to make it more useful for future designers.
- Make sure all the current Styx items to be consolidated and made useful for future designers.
- Styx GUI PSD Kit must contains both Styx Video Application and Styx Access Control Application.
- You might need grouped UI Elements for iPad and iPhone versions.
- Suggest us how grouping would looks.
- Below are example guide when designing your Styx GUI PSD Kit sections, this need more enhancement based on attached PSD sources:
- Styx Landing Page
--- UI Elements
--- Navigation
--- Function
- Graphic Elements
--- Button
--- Form UI
--- Icon
- Page Layout Element
--- Tab
--- Table
--- Alert/Notification
--- Container
--- Modal Window
- Separate pages layout/format
- Typography
- Hover Style
- Any others?
If you find any inconsistency design please pointed to us on your GUI Kit
Please add and catogerized more UI Elements from PSD Sources.
Target Audience
- Designers and Developers of the Styx Application
Judging Criteria
- How well you design, plan and develop your Styx GUI PSD Kit
- Cleanliness of your graphics, design and ability to stay within the given design reference.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
All Requested Contest Submission Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file.
Final Fixes
As part of the final fixes phase you may be asked to modify fonts (sizes or colors) or modify overall storyboard colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.