joshwingreene

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    <com.jgreene.example.DashboardLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="0px"
    android:layout_weight="1"

joshwingreene

<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Dashboard Button Styling -->
    <style name="DashboardButton">
        <item name="android:layout_gravity">center_vertical</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:drawablePadding">8dp</item>
        <item name="android:textSize">17sp</item>
        <item name="android:textColor">#000000</item>

joshwingreene

Login Screen

• Overview
  • The user is presented with an animation that shows each part of the login screen in sequence. The design direction is based on the art direction needing to be soft, colourful, and ethereal.
• Inclusion of Illustrations
  • Even though the brief said that these were not needed, it made sense to include them in order to make the login screen more striking to the viewer. Plus, since we are talking about dreams, why not have the user imagine what type of lucid dreams they might experience when they are about to log in? This design direction is also what influenced me to animate the login screen's elements as it would help to ease users into the experience.
• Reference
  • The illustrations for the astronaut and yacht originally came from the following MIT licensed resource: https://undraw.co/illustrations.

Dream Journal Screen (Handles the Dream Entry Workflow)