[Clipart] clipart Digest, Vol 88, Issue 22

ryan sukale ryantechnical at gmail.com
Tue Jul 26 23:54:38 PDT 2011


Ill try to work on the clipart detail page as per mockup :)

Oh, and ill try to keep more of the images and scripts as well.


On Wed, Jul 27, 2011 at 12:30 AM, <clipart-request at lists.freedesktop.org>wrote:

> Send clipart mailing list submissions to
>        clipart at lists.freedesktop.org
>
> To subscribe or unsubscribe via the World Wide Web, visit
>        http://lists.freedesktop.org/mailman/listinfo/clipart
> or, via email, send a message with subject or body 'help' to
>        clipart-request at lists.freedesktop.org
>
> You can reach the person managing the list at
>        clipart-owner at lists.freedesktop.org
>
> When replying, please edit your Subject line so it is more specific
> than "Re: Contents of clipart digest..."
>
>
> Today's Topics:
>
>   1. Re: clipart Digest, Vol 88, Issue 21 (Wayne Connolly)
>   2. Re: clipart Digest, Vol 88, Issue 21 (Oleg Koptev)
>
>
> ----------------------------------------------------------------------
>
> Message: 1
> Date: Tue, 26 Jul 2011 12:18:25 +1000
> From: Wayne Connolly <wayne.connolly at measanctum.com>
> Subject: Re: [Clipart] clipart Digest, Vol 88, Issue 21
> To: clipart at lists.freedesktop.org
> Message-ID: <4E2E23F1.1000008 at measanctum.com>
> Content-Type: text/plain; charset=ISO-8859-1; format=flowed
>
> I just made some comments on the mockup - hope its not too late.
>
> https://launchpadlibrarian.net/75976382/openclipart_response1.png
>
> On 26/07/2011 5:00 AM, clipart-request at lists.freedesktop.org wrote:
> > Send clipart mailing list submissions to
> >       clipart at lists.freedesktop.org
> >
> > To subscribe or unsubscribe via the World Wide Web, visit
> >       http://lists.freedesktop.org/mailman/listinfo/clipart
> > or, via email, send a message with subject or body 'help' to
> >       clipart-request at lists.freedesktop.org
> >
> > You can reach the person managing the list at
> >       clipart-owner at lists.freedesktop.org
> >
> > When replying, please edit your Subject line so it is more specific
> > than "Re: Contents of clipart digest..."
> >
> >
> > Today's Topics:
> >
> >     1. Re: Reg clipart detail page design (Jon Phillips)
> >
> >
> > ----------------------------------------------------------------------
> >
> > Message: 1
> > Date: Mon, 25 Jul 2011 14:22:51 +0800
> > From: Jon Phillips<jon at fabricatorz.com>
> > Subject: Re: [Clipart] Reg clipart detail page design
> > To: chovynz<chovynz at gmail.com>
> > Cc: ryan sukale<ryantechnical at gmail.com>,
> >       clipart at lists.freedesktop.org
> > Message-ID:
> >       <
> CAHMemOkMob2bcBSWBBeuf5k2VA-npiE_sbjSX+i8nnixojZyEg at mail.gmail.com>
> > Content-Type: text/plain; charset=UTF-8
> >
> > Check out Andy's original mockup...attachment on the bug
> >
> > https://bugs.launchpad.net/openclipart/+bug/758051
> >
> > Would be ideal to match that up style-wise rather than change the
> > layout all around...
> >
> > Still, Ryan, great to get you making waves on this...excellent!
> >
> > Jon
> >
> > On Sat, Jul 23, 2011 at 7:56 PM, chovynz<chovynz at gmail.com>  wrote:
> >> Or even...
> >> Why do we have two download buttons?
> >> Why not just have one download button and you can choose your options
> from
> >> there in a JS panel that appears?
> >> "
> >> What format do you want to download this file as?
> >> SVG - scalable
> >> Small?PNG size ### x ### pixels (this should be filled out to the file
> >> ratio) - We recommend 600 x 600."
> >> Medium PNG #### x ####
> >> Large PNG #### x ####
> >> Custom PNG size ? ____ x ____ pixels
> >> Ok ? ? ? ? Cancel
> >> "
> >>
> >> On 23 July 2011 23:49, chovynz<chovynz at gmail.com>  wrote:
> >>> I think the one that you have just done is pretty good. I like the
> rounded
> >>> corners, and simplicity of the interface. Could I ask that you do some
> >>> Javascripty hide and show thing for the about informational section?
> I've
> >>> been trying to imagine the page without all the visual clutter (from
> ages
> >>> ago, not your design.) My theory is that people have come to this page
> to
> >>> see the clipart in more detail, not more information about the clipart
> or
> >>> who drew it. If they are further interested, they can click the "Show
> >>> Details" thingjammybob. My Ideal would be a large thumbnail of the
> clipart
> >>> and the Download button only.?The rest would be hidden inside the
> show/hide
> >>> button. If I can describe it in words and build on what I see here, I
> would
> >>> say, move the buttons underneath the information, have the download
> button
> >>> at the top, the rest at the bottom (hidden), The clipart fills up the
> entrie
> >>> left side where the buttons used to be. So, there is
> >>>
> >>> One large clipart preview
> >>> Only one visible button for downloading Svg
> >>> Show more information / ?Hide more information that is hidden by
> default.
> >>> The rest of the buttons and info are contained in that section.
> >>>
> >>> ?Also remember the png autosizer script that Jakub did? ?That would be
> >>> great to include near the download png button.
> >>> Was there a reason that you removed the
> upload/download/favourite/collect
> >>> images? I quite liked them. Without them the buttons almost seem bland.
> Is
> >>> there something you can do for it?
> >>> I do like what you have done with the information. I like the aligned
> both
> >>> sides and structured feeling that it gives. Is there now, too many
> pixel
> >>> lines on the page? And too much line spacing in between the
> information?
> >>>
> >>> On 23 July 2011 23:16, chovynz<chovynz at gmail.com>  wrote:
> >>>> This is what it looks like.
> >>>>
> >>>> On 18 July 2011 03:10, ryan sukale<ryantechnical at gmail.com>  wrote:
> >>>>> Hi All,
> >>>>> I redid the design.
> >>>>> Rewrote the entire html and css for the content. And tiny bits of js.
> >>>>> I am uploading it in a zip file right now so you can see it from your
> >>>>> local system, because doing the same changes in the project aiki
> would take
> >>>>> a lot of time.
> >>>>> Since i wrote the entire html, it does not contain the custom
> >>>>> javascript. For example, just images for the 'social icons' .
> >>>>> There is only one html page in the zip file. "6 hexagons 6 diamonds -
> >>>>> OpenClipArt.htm". The others are the supporting css and images.
> >>>>> Things that i was looking to achieve in this design
> >>>>> 1) A single action menu, for all the actionable items.
> >>>>> 2) Increase in the image size to 350x350, to effectively reduce the
> >>>>> empty space.
> >>>>> 3) sidelined the image details to the right in its own panel so that
> it
> >>>>> does not strike out, but is still prominent enough if a user wants to
> take a
> >>>>> peek.
> >>>>> 4) Tried to make it look more symmetrical than what i had submitted
> >>>>> earlier.
> >>>>> Some more thoughts
> >>>>> 1) I was thinking, the additional information associated with a png
> >>>>> download, can appear as a modal dialog, like the facebook message
> dialog,
> >>>>> when the user clicks on the button.
> >>>>> 2) A similar idea can also be extended for the collect button where
> the
> >>>>> content for the user's lists can be downloaded via ajax and shown in
> the
> >>>>> modal dialog itself instead of a complete page refresh. That way, the
> layout
> >>>>> of the original page will remain intact when the user is trying to
> add a
> >>>>> clipart to his collections and will also reduce latency due to page
> refresh.
> >>>>> I designed it in Firefox
> >>>>> It renders properly with IE7 and chrome as well, but without a few
> fancy
> >>>>> effects like the rounded borders because i did not use any browser
> specific
> >>>>> css for now.
> >>>>> Check it out and let me know if the design is ok. I believe this is
> much
> >>>>> better than the previous one that I had done.
> >>>>> --
> >>>>> Regards,
> >>>>> Ryan
> >>>>>
> >>>>> _______________________________________________
> >>>>> clipart mailing list
> >>>>> clipart at lists.freedesktop.org
> >>>>> http://lists.freedesktop.org/mailman/listinfo/clipart
> >>>>>
> >>>>
> >>>>
> >>>> --
> >>>> Cheers
> >>>> Chovynz
> >>>
> >>>
> >>> --
> >>> Cheers
> >>> Chovynz
> >>
> >>
> >> --
> >> Cheers
> >> Chovynz
> >>
> >> _______________________________________________
> >> clipart mailing list
> >> clipart at lists.freedesktop.org
> >> http://lists.freedesktop.org/mailman/listinfo/clipart
> >>
> >>
> >
> >
>
> --
> Kind Regards,
>
> Wayne Connolly
> MeaSanctum Pty Ltd
> Ph: 03 9018 2675<-Vic dial 03 also
> Mobile: 0417 119 337
> Skype: wayne-connolly
>
>
>
> ------------------------------
>
> Message: 2
> Date: Tue, 26 Jul 2011 22:24:06 +0400
> From: Oleg Koptev <koptev.oleg at gmail.com>
> Subject: Re: [Clipart] clipart Digest, Vol 88, Issue 21
> To: wayne.connolly at measanctum.com
> Cc: clipart at lists.freedesktop.org
> Message-ID:
>        <CAD4Wjko29gthG8Dbdu9qRL1T9SmY4MzLO1wifkL3xYN8fvP_0Q at mail.gmail.com
> >
> Content-Type: text/plain; charset="utf-8"
>
> Hi, Wayne!
>
> This mockup is old like mammoth shit :)
> Where did you find it?
> -------------- next part --------------
> An HTML attachment was scrubbed...
> URL: <
> http://lists.freedesktop.org/archives/clipart/attachments/20110726/c6417bce/attachment.htm
> >
>
> ------------------------------
>
> _______________________________________________
> clipart mailing list
> clipart at lists.freedesktop.org
> http://lists.freedesktop.org/mailman/listinfo/clipart
>
>
> End of clipart Digest, Vol 88, Issue 22
> ***************************************
>



-- 
Regards,
Ryan
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.freedesktop.org/archives/clipart/attachments/20110727/5386de66/attachment.html>


More information about the clipart mailing list