Giter Site home page Giter Site logo

UI design about flickr HOT 2 OPEN

dinhanhx avatar dinhanhx commented on September 23, 2024
UI design

from flickr.

Comments (2)

huonglarne avatar huonglarne commented on September 23, 2024 4

In short, you should make these layouts:

  1. activity_main: contains the view pager/tab switching icons
  2. fragment_newsfeed: nothing much i guess, just leave a recycler view with id recycler_view_newsfeed
  3. newsfeed_post: the layout for each post on the newsfeed, should contain the avatar, the name and a horizontal scroll view for the images. The id of the horizontal scroll view should be post_images
  4. fragment_notifications: leave recycler view here with id recycler_view_notifications
  5. notification_item: the layout for each row in the notification section. id is notification_item
  6. fragment_profile: avatar and name and other info on the top. Below is a recycler view with id recycler_view_profile
  7. gallery_list_row: this is fine by now, you don't need to make any modification to it
  8. fragment_search: search bar and a recycler view or vertical layout scroll view. This is optional, i just dont want to work on the search bar.
  9. profile_alternative: totally the same with the fragment_newsfeed, the only difference is the id, should be profile_alternative

from flickr.

huonglarne avatar huonglarne commented on September 23, 2024

New tasks:

  1. Change the color scheme. Pink and purple really doesn't suit the whole Flickr theme. It should not be a distraction to the colors and contents of uploaded photos.
  2. Redesign the view pager tab at the bottom of the page.
  3. Change the design of each post in the newsfeed in the feed_item layout. Should contain username, post, likes and comments and stuff.
  4. Think of a solution for posts with photos of different ratio, currently idk how to solve it. You know, when the user scrolls horizontally, there should be a problem if one photo is horizontal and one is vertical.

from flickr.

Related Issues (10)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.