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 <
khammerstein(a)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 <mgalloway(a)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(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design