<div dir="ltr"> Well, from the screenshots, Pairs seems to be a game.<div>Sorry to be disappointing, but the UI doesnt reflect that at all, the design also seems to be done by a developer.</div><div><br></div><div>I can volunteer to design you a better UI if you need.</div>
<div><br></div><div>Here is some screen shots of my previous UI work for desktop apps or games:<br><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"><br>
Cuboid Game : 3d Game Design & Development : </span><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<a href="http://tinyurl.com/63bs23z" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/63bs23z</a><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">ABC 123 Game : 3d Talking Character Game Design & Development: </span><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<a href="http://tinyurl.com/5vvkz3r" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/5vvkz3r</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/6z7ecth" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/6z7ecth</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> :</span><a href="http://tinyurl.com/5tohq2w" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/5tohq2w</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/6x8c4av" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/6x8c4av</a><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">Nine Mens Morris Board Game : Drawings, Design & Development : </span><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<a href="http://tinyurl.com/6yh8epx" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/6yh8epx</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/425v5ss" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/425v5ss</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> :</span><a href="http://tinyurl.com/3btjbdh" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/3btjbdh</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/3wj5thu" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/3wj5thu</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> </span><br style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<a href="http://tinyurl.com/3cnwsmf" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/3cnwsmf</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/5ssfzds" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/5ssfzds</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> :</span><a href="http://tinyurl.com/6lc75tn" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/6lc75tn</a><span style="color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)"> : </span><a href="http://tinyurl.com/3bkozk7" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">http://tinyurl.com/3bkozk7</a><br>
<ul class="uiList" style="list-style-type:none;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;color:rgb(51,51,51);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;text-align:left;background-color:rgb(255,255,255)">
<li class="MessagingMessage uiListItem uiListLight uiListVerticalItemBorder" style="display:block;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:rgb(233,233,233);border-right-color:rgb(233,233,233);border-bottom-color:rgb(233,233,233);border-left-color:rgb(233,233,233)">
<div class="clearfix main" style="zoom:1;margin-top:0px;margin-bottom:0px;padding-top:8px;padding-right:15px;padding-bottom:8px;padding-left:15px"><div class="UIImageBlock clearfix" style="zoom:1"><div class="UIImageBlock_Content UIImageBlock_SMALL_Content" style="display:table-cell;vertical-align:top;width:10000px">
<div><ul class="uiList body contentListWidth" style="list-style-type:none;margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><li class="uiListItem  uiListVerticalItemBorder" style="display:block;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px">
<div class="content noh" id="id.325026514191942" style="overflow-x:hidden;overflow-y:hidden;padding-top:2px;padding-right:0px;padding-bottom:1px;padding-left:0px;width:350px;word-wrap:break-word"><p style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:inline">
Freemium System Utilities:<br><a href="http://tinyurl.com/co89njh" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none">http://tinyurl.com/co89njh</a><br></p></div></li></ul></div></div>
</div></div></li><li class="MessagingMessage uiListItem uiListLight uiListVerticalItemBorder" style="display:block;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:rgb(233,233,233);border-right-color:rgb(233,233,233);border-bottom-color:rgb(233,233,233);border-left-color:rgb(233,233,233)">
<div class="clearfix main" style="zoom:1;margin-top:0px;margin-bottom:0px;padding-top:8px;padding-right:15px;padding-bottom:8px;padding-left:15px"><div class="UIImageBlock clearfix" style="zoom:1"><div class="UIImageBlock_Content UIImageBlock_SMALL_Content" style="display:table-cell;vertical-align:top;width:10000px">
<div>Freemium System Utilities (old version):</div><div><ul class="uiList body contentListWidth" style="list-style-type:none;margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<li class="uiListItem  uiListVerticalItemBorder" style="display:block;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px"><div class="content noh" id="id.256519377745185" style="overflow-x:hidden;overflow-y:hidden;padding-top:2px;padding-right:0px;padding-bottom:1px;padding-left:0px;width:350px;word-wrap:break-word">
<p style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:inline"><a href="http://tinyurl.com/7ymcem2" target="_blank" rel="nofollow nofollow" style="color:rgb(59,89,152);text-decoration:none">http://tinyurl.com/7ymcem2</a></p>
</div><br class="Apple-interchange-newline"></li></ul></div></div></div></div></li></ul></div><br><div class="gmail_quote">On Sat, Jan 7, 2012 at 9:09 PM, Ankit Bhatnagar <span dir="ltr"><<a href="mailto:ankitbhatnagar2012@gmail.com">ankitbhatnagar2012@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">This is my first basic attempt ( attached snapshots ), to create the UI for Pairs. Please comment or suggest, if you have any suggestions. :)<div>
<br></div><div>With reference to game-preferences, I wish to populate the white space on the right of the buttons with the intended icons, acting as buttons themselves. I tried doing it using a frame which gets populated with stuff, but that didn't quite work. I guess, javascript could do it effectively. Anybody with any ideas ??? Please suggest.</div>

<div><br></div><div>Wishes.</div><span class="HOEnZb"><font color="#888888"><div>Ankit.</div><div><div><br></div></div>
</font></span><br>_______________________________________________<br>
kde-edu mailing list<br>
<a href="mailto:kde-edu@mail.kde.org">kde-edu@mail.kde.org</a><br>
<a href="https://mail.kde.org/mailman/listinfo/kde-edu" target="_blank">https://mail.kde.org/mailman/listinfo/kde-edu</a><br>
<br></blockquote></div><br></div>