lime-flutter icon indicating copy to clipboard operation
lime-flutter copied to clipboard

(Re)-Design profiles

Open fablue opened this issue 8 years ago • 10 comments

What I currently do not like

  • almost everything. I hate it.

What I would like

  • A more mature looking design.
  • It should show more information about the user
  • It should be able to be editable (in case of watching your own profile)
  • It should support a nice intro animation when opening

fablue avatar May 29 '17 17:05 fablue

Is it possible, that you can upload Paul, some dummy images and icons? It would be useful for screendesigns.

andprogdes avatar May 31 '17 19:05 andprogdes

You can find logos and gerneral stuff in fablue/lime 😊 https://github.com/fablue/lime

fablue avatar May 31 '17 19:05 fablue

I wanna start a discussion with a first sketch: I have to admit that i would also like the profile picture in the bottom left corner like its done on the community page.

grafik

Giovanninono avatar Jun 05 '17 00:06 Giovanninono

another idea grafik

Giovanninono avatar Jun 05 '17 10:06 Giovanninono

Pretty cool designs, but those are implying that you are able to choose some kind of header image? Would this be a cool feature instead of showing the last post in reach?

fablue avatar Jun 05 '17 11:06 fablue

I guess 3 different possibilities

  • editable header image
  • last post in reach
  • most valuable post (ghosts).

The last post in reacht would probably hit the wanted character of the app the most. I guess a editable profile picture is enough and the flaire of the app would be obtained more and more the more impact posts in reach have.

Giovanninono avatar Jun 05 '17 12:06 Giovanninono

The last idea of Giovanninono pretty good, but I would say you should delete this border around the boxes and a two-coloum layout isn't very comfortable to read on a mobile device.

Mabye the blue box, where the info about the user, can be shown with the selected color of the user.

andprogdes avatar Jun 05 '17 18:06 andprogdes

Yep, i was afraid that this two-column-design would not really fit especially for user, using a rather small device.

Working with your suggestioins something like that is arising.

I see a problem in clearly distinguish between the different posts on first sight but that may be because of my monitor. Or anybody got an idea how to differ the posts more cleary without a border?

grafik

Giovanninono avatar Jun 09 '17 18:06 Giovanninono

Uuuh! I really like the idea of having tabs inside the profile (info / feed / friends)

fablue avatar Jun 09 '17 22:06 fablue

To get a clearer seperation of the content you can use:

  1. More space between the posts
  2. Try if the shadow can spread into the box instead of spreading outside. If you can't imagine what I meant, search "css inset box shadow"(I know this is a web technique, but it shows really good what I think.) http://lmgtfy.com/?q=css+box+shadow+inset http://lmgtfy.com/?q=css+box+shadow+inset

andprogdes avatar Jun 11 '17 09:06 andprogdes