[Clipart] clipart Digest, Vol 88, Issue 21
wayne.connolly at measanctum.com
Mon Jul 25 19:18:25 PDT 2011
I just made some comments on the mockup - hope its not too late.
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
> 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
> <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
> 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!
> 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
>>> 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
>>>>> 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
>>>>> 4) Tried to make it look more symmetrical than what i had submitted
>>>>> 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.
>>>>> clipart mailing list
>>>>> clipart at lists.freedesktop.org
>> clipart mailing list
>> clipart at lists.freedesktop.org
MeaSanctum Pty Ltd
Ph: 03 9018 2675<-Vic dial 03 also
Mobile: 0417 119 337
More information about the clipart