Thanks Kaity.

Here's a quick and dirty way to document UI patterns and components that
are *currently* used in Wikimedia projects.

   1. Take a screenshot
   2. Add to appropriate folder on Dropbox
   <https://www.dropbox.com/sh/l1a4jr2usffz8wy/AAAwMmcYHRn53yZgfD2DHcIwa?dl=0>
   3. Rename the filename to *platform_location/use case/feature/whatever
   info helpful for locating use case.png*

mm

On Wed, Jan 20, 2016 at 2:10 PM, Kaity Hammerstein <
khammerst...@wikimedia.org> wrote:

> Documentation started for apps
>
> Drawers on iOS: https://phabricator.wikimedia.org/M122
> Drawers on Android: https://phabricator.wikimedia.org/M118
>
> On Wed, Jan 20, 2016 at 1:38 PM, May Tee-Galloway <mgallo...@wikimedia.org
> > wrote:
>
>> ​The standardization team is currently working on the Wikimedia User
>> Interface style guide, where it will be a one-stop shop for all design
>> resources and specs in the future. But for now, you can obtain these
>> updated resources from the Design Resources section of our team's wiki
>> <https://www.mediawiki.org/wiki/Wikimedia_User_Interface>
>> ​.
>>
>>
>> It includes:
>>
>>    - UI elements for use by designers / others (Sketch
>>    <https://www.dropbox.com/s/qg45uofd173mo62/MediawikiUI.sketch?dl=0>
>>    •
>>    ​how to use gif
>>    
>> <https://upload.wikimedia.org/wikipedia/commons/0/07/How_to_turn_pencil_and_paper_sketch_to_high_fidelity_mock_up_with_Sketch_app.gif>
>>    ​
>>    ) and
>>    ​specs for ​
>>    developers (WMFLabs <http://wikimedia-ui.wmflabs.org/> •
>>    ​ LESS file
>>    
>> <https://github.com/munmay/WikimediaUI/blob/master/MW/custom-variables.less>
>>    );
>>
>>    - ​Three ways of using our icon library -- SVG
>>    
>> <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0>
>>    , SVG sprite <https://wikimedia-ui.wmflabs.org/MW/icons.svg>, and Icon
>>    font <https://github.com/munmay/WikiFont>. ​
>>
>> We will keep updating this thread as more resources become available and
>> updated.
>>
>> --
>> mm
>>
>>
>>
>> --
>> mm
>>
>>
>> _______________________________________________
>> Design mailing list
>> Design@lists.wikimedia.org
>> https://lists.wikimedia.org/mailman/listinfo/design
>>
>>
>
> _______________________________________________
> Design mailing list
> Design@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/design
>
>


-- 
mm
_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

Reply via email to