Ill try to work on the clipart detail page as per mockup :)<div> </div><div>Oh, and ill try to keep more of the images and scripts as well. <div><div> </div><div><div> <div class="gmail_quote">On Wed, Jul 27, 2011 at 12:30 AM, <<a href="mailto:clipart-request@lists.freedesktop.org">clipart-request@lists.freedesktop.org</a>> wrote: <blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">Send clipart mailing list submissions to <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> To subscribe or unsubscribe via the World Wide Web, visit <a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a> or, via email, send a message with subject or body 'help' to <a href="mailto:clipart-request@lists.freedesktop.org">clipart-request@lists.freedesktop.org</a> You can reach the person managing the list at <a href="mailto:clipart-owner@lists.freedesktop.org">clipart-owner@lists.freedesktop.org</a> 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 <<a href="mailto:wayne.connolly@measanctum.com">wayne.connolly@measanctum.com</a>> Subject: Re: [Clipart] clipart Digest, Vol 88, Issue 21 To: <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> Message-ID: <<a href="mailto:4E2E23F1.1000008@measanctum.com">4E2E23F1.1000008@measanctum.com</a>> Content-Type: text/plain; charset=ISO-8859-1; format=flowed I just made some comments on the mockup - hope its not too late. <a href="https://launchpadlibrarian.net/75976382/openclipart_response1.png" target="_blank">https://launchpadlibrarian.net/75976382/openclipart_response1.png</a> On 26/07/2011 5:00 AM, <a href="mailto:clipart-request@lists.freedesktop.org">clipart-request@lists.freedesktop.org</a> wrote: > Send clipart mailing list submissions to > <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> > > To subscribe or unsubscribe via the World Wide Web, visit > <a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a> > or, via email, send a message with subject or body 'help' to > <a href="mailto:clipart-request@lists.freedesktop.org">clipart-request@lists.freedesktop.org</a> > > You can reach the person managing the list at > <a href="mailto:clipart-owner@lists.freedesktop.org">clipart-owner@lists.freedesktop.org</a> > > 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<<a href="mailto:jon@fabricatorz.com">jon@fabricatorz.com</a>> > Subject: Re: [Clipart] Reg clipart detail page design > To: chovynz<<a href="mailto:chovynz@gmail.com">chovynz@gmail.com</a>> > Cc: ryan sukale<<a href="mailto:ryantechnical@gmail.com">ryantechnical@gmail.com</a>>, > <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> > Message-ID: > <<a href="mailto:CAHMemOkMob2bcBSWBBeuf5k2VA-npiE_sbjSX%2Bi8nnixojZyEg@mail.gmail.com">CAHMemOkMob2bcBSWBBeuf5k2VA-npiE_sbjSX+i8nnixojZyEg@mail.gmail.com</a>> > Content-Type: text/plain; charset=UTF-8 > > Check out Andy's original mockup...attachment on the bug > > <a href="https://bugs.launchpad.net/openclipart/+bug/758051" target="_blank">https://bugs.launchpad.net/openclipart/+bug/758051</a> > > 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<<a href="mailto:chovynz@gmail.com">chovynz@gmail.com</a>> 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<<a href="mailto:chovynz@gmail.com">chovynz@gmail.com</a>> 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<<a href="mailto:chovynz@gmail.com">chovynz@gmail.com</a>> wrote: >>>> This is what it looks like. >>>> >>>> On 18 July 2011 03:10, ryan sukale<<a href="mailto:ryantechnical@gmail.com">ryantechnical@gmail.com</a>> 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 >>>>> <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> >>>>> <a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a> >>>>> >>>> >>>> >>>> -- >>>> Cheers >>>> Chovynz >>> >>> >>> -- >>> Cheers >>> Chovynz >> >> >> -- >> Cheers >> Chovynz >> >> _______________________________________________ >> clipart mailing list >> <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> >> <a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a> >> >> > > -- 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 <<a href="mailto:koptev.oleg@gmail.com">koptev.oleg@gmail.com</a>> Subject: Re: [Clipart] clipart Digest, Vol 88, Issue 21 To: <a href="mailto:wayne.connolly@measanctum.com">wayne.connolly@measanctum.com</a> Cc: <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> Message-ID: <<a href="mailto:CAD4Wjko29gthG8Dbdu9qRL1T9SmY4MzLO1wifkL3xYN8fvP_0Q@mail.gmail.com">CAD4Wjko29gthG8Dbdu9qRL1T9SmY4MzLO1wifkL3xYN8fvP_0Q@mail.gmail.com</a>> 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: <<a href="http://lists.freedesktop.org/archives/clipart/attachments/20110726/c6417bce/attachment.htm" target="_blank">http://lists.freedesktop.org/archives/clipart/attachments/20110726/c6417bce/attachment.htm</a>> ------------------------------ _______________________________________________ clipart mailing list <a href="mailto:clipart@lists.freedesktop.org">clipart@lists.freedesktop.org</a> <a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a> End of clipart Digest, Vol 88, Issue 22 *************************************** </blockquote></div> -- Regards,<div>Ryan</div> </div></div></div></div>