12
edits
APL logo: Difference between revisions
Jump to navigation
Jump to search
→16px|frameless|left APL Shape 16px|frameless 16px|frameless
(comments) |
Peter Cyriax (talk | contribs) |
||
| (11 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
As of {{CURRENTMONTHNAME}} {{CURRENTYEAR}}, APL does not have a logo like many other programming languages do | As of {{CURRENTMONTHNAME}} {{CURRENTYEAR}}, APL does not have a logo like many other programming languages do. After a consensus at their September 9th 2021 [[BAA webinar|webinar]], [[BAA]] is heading an effort to adopt a universal [[vendor]]-agnostic logo for APL, using this page as a portal. Submission of concept work ran until the end of 2021, and voting for logo concepts is currently happening. | ||
'''''Note:''' | '''''Note:''' There is still plenty of time to vote (a link is provided below), so please familiarise yourself with the following before voting:'' | ||
{| class=wikitable | {| class=wikitable | ||
| The choice of logo should be done while keeping in mind that it is intended for branding demonstrations, presentations, systems, documentation, and other visual materials. Its core purpose is to proclaim that "this is APL in action" | | The choice of logo concept should be done while keeping in mind that it is intended for branding demonstrations, presentations, systems, documentation, and other visual materials. Its core purpose is to proclaim that "this is APL in action". Furthermore, it should work as a [[wikipedia:favicon|favicon]] (possibly slightly modified to fit the technical constraints) as well as in banners, including on both dark and light backgrounds. It is also beneficial if the chosen logo can easily be adapted to a monochrome form, for usage in printed materials, stencils, and existing designs. | ||
The ideal logo will signal that: | The ideal logo will signal that: | ||
| Line 15: | Line 15: | ||
# [https://abrudz.github.io/logos/codebars.html On a mock programming competition website] (in monochrome) | # [https://abrudz.github.io/logos/codebars.html On a mock programming competition website] (in monochrome) | ||
|} | |} | ||
A [[wikipedia:ranked voting|ranked voting]] election for 5 final candidate concepts out of the submitted 25 concepts is running until 2022-02-10 at 16:15 UTC (which is during the [[BAA Webinar]]). | A [[wikipedia:ranked voting|ranked voting]] election for 5 final candidate concepts (out of the submitted 25 concepts) is running until 2022-02-10 at 16:15 UTC (which is during the [[BAA Webinar]]). Note that the listed candidates are not considered final designs; exact execution, colours, and fonts (including whether or not to stylise the letters "APL" as <code>⍝⍴⌊</code>), will be decided later. | ||
* [https://rankedchoices.com/vote#al '''Click here to submit your vote for APL logo concepts'''] | * [https://rankedchoices.com/vote#al '''Click here to submit your vote for APL logo concepts'''] | ||
At the voting site, click and drag the proposals up and down until they are ordered with your most preferred at the top, down to your most disliked at the bottom. When done, click the <kbd>VOTE!</kbd> button at the bottom of the page. Note that while the voting site only features one image for each candidate concept, they do represent all variants that are found below, where you can also find more detailed descriptions and commentary on each proposal. | |||
{{clear}} | {{clear}} | ||
| Line 70: | Line 70: | ||
[[File:Nested bitmaps logo dark.png|120px|frameless|left]] | [[File:Nested bitmaps logo dark.png|120px|frameless|left]] | ||
[[File:Alternative nested bitmaps.png|frameless|right|Alternative nested bitmap logos]][[File:Nested bitmaps logo.png|120px|frameless|left]] | [[File:Alternative nested bitmaps.png|frameless|right|Alternative nested bitmap logos]][[File:Nested bitmaps logo.png|120px|frameless|left]] | ||
This logo is a reinterpretation based on the classic APL [[apple]] with the leaf styled as a filled [[Del]] which symbolises [[function]] definition and has been used in application icons for [[APL+]] and [[APLX]]. The green colour comes from [[IBM]]'s modern '''Carbon''' design to honour IBM's role APL's history. The apple is subdivided into a rectangular pattern which is supposed to invoke a [[matrix]] and the middle row in turn holds three 4-row, 3-column [[Boolean]] matrices to spell out "APL" as bitmaps. This matrix of matrices hints at APL's multi-dimensional [[nested array]]s. The logo exists in various variations, | This logo is a reinterpretation based on the classic APL [[apple]] with the leaf styled as a filled [[Del]] which symbolises [[function]] definition and has been used in application icons for [[APL+]] and [[APLX]]. The green colour comes from [[IBM]]'s modern '''Carbon''' design to honour IBM's role APL's history. The apple is subdivided into a rectangular pattern which is supposed to invoke a [[matrix]] and the middle row in turn holds three 4-row, 3-column [[Boolean]] matrices to spell out "APL" as bitmaps. This matrix of matrices hints at APL's multi-dimensional [[nested array]]s. The logo exists in various variations. | ||
This logo relies on contrast contrasts in a way that necessitates having two parallel logos, one for light backgrounds and one for dark backgrounds. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Nested%20bitmaps%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Nested%20bitmaps%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 97: | Line 99: | ||
{{clear}} | {{clear}} | ||
=== [[File:OOQQ APL bright green proposal.jpg|16px|frameless]] APL Rotated Array [[File:APL dots proposal.jpg|16px|frameless]] === | === [[File:OOQQ APL bright green proposal.jpg|16px|frameless]] APL Rotated Array [[File:APL dots proposal.jpg|16px|frameless]] [[File:Rotated Array with APL.png|16px|frameless]]=== | ||
[[File:OOQQ APL bright green proposal.jpg|120px|frameless|left]] | [[File:OOQQ APL bright green proposal.jpg|120px|frameless|left]] | ||
[[File:APL dots proposal.jpg|120px|frameless| | <div style=float:right> | ||
[[File:APL dots proposal.jpg|120px|frameless]] | |||
[[File:Rotated Array with APL.png|120px|frameless]] | |||
</div> | |||
Following the central ideas of "Array-Based" Language, the three letters of the name, and the most established APL logo to date ([[APL Wiki logo|the APL Wiki one]]); This logo tries to encompass and simplify all of them, while the rotation and the negative space hints the nature of the multi-dimensional arrays that APL is founded on. The colour is green, hinting the IBM Carbon green lettering, begin friendly with hard reproduce surfaces that will need a black-and-white version, and also becoming the only green logo in the programming language landscape. Also exists in a darker version. Made by [https://ooqq.me OOQQ] | Following the central ideas of "Array-Based" Language, the three letters of the name, and the most established APL logo to date ([[APL Wiki logo|the APL Wiki one]]); This logo tries to encompass and simplify all of them, while the rotation and the negative space hints the nature of the multi-dimensional arrays that APL is founded on. The colour is green, hinting the IBM Carbon green lettering, begin friendly with hard reproduce surfaces that will need a black-and-white version, and also becoming the only green logo in the programming language landscape. Also exists in a darker version. Made by [https://ooqq.me OOQQ] | ||
This logo does not spell out "APL" and while there are three central circles, they are likely too far apart to frame one letter each. | This logo does not spell out "APL" and while there are three central circles, they are likely too far apart to frame one letter each. A solution, would be to put them on the diagonal | ||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=APL%20Rotated%20Array%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=APL%20Rotated%20Array%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 181: | Line 186: | ||
[[File:Apl logo2.png|120px|frameless|right]] | [[File:Apl logo2.png|120px|frameless|right]] | ||
This logo follows the style of the logos of JavaScript and its relatives/derivatives, but can optionally be made to stand out more with the distinctive [[power]] glyph. | This logo follows the style of the logos of JavaScript and its relatives/derivatives, but can optionally be made to stand out more with the distinctive [[power]] glyph. | ||
The star when used in a flag-like context, may have negative connotations to some. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Modern%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Modern%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 186: | Line 193: | ||
{{clear}} | {{clear}} | ||
=== [[File:Parallel Lines.png|16px|frameless]] Parallel Lines === | === [[File:Parallel Lines.png|16px|frameless]] Parallel Lines === | ||
[[File:Parallel Lines.png|120px|frameless|left]] | [[File:Parallel Lines.png|120px|frameless|left]] | ||
| Line 216: | Line 224: | ||
The thinking here is an APL Logo for general use and promoting the APL language has to be distinctive (so people notice and remember it), has to include the letters APL (as the people we want to attract will mostly not know what APL is), has also to include the words "A Programming Language" (to destinguish it from other instances of "APL") and should ideally be in 3D or use some other means to emphasize that APL can process Arrays with complex structures and multiple dimensions. The challenge is to get all that into 120 pixels - assuming that is indeed the typical size for the Logo in use. This is a first stab and lots of variants of this basic idea are possible, bronze with black or white backgrounds, for example; which I happen to like but has the additional benefit that no other Program Language Logos use this colour. It shows up well at 16 pixels on a white background, but not on black, sadly. | The thinking here is an APL Logo for general use and promoting the APL language has to be distinctive (so people notice and remember it), has to include the letters APL (as the people we want to attract will mostly not know what APL is), has also to include the words "A Programming Language" (to destinguish it from other instances of "APL") and should ideally be in 3D or use some other means to emphasize that APL can process Arrays with complex structures and multiple dimensions. The challenge is to get all that into 120 pixels - assuming that is indeed the typical size for the Logo in use. This is a first stab and lots of variants of this basic idea are possible, bronze with black or white backgrounds, for example; which I happen to like but has the additional benefit that no other Program Language Logos use this colour. It shows up well at 16 pixels on a white background, but not on black, sadly. | ||
The phrase "A Programming Language" estabishes that the main logo says "APL", but further work to emphasize this point would be useful. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=APL%20Greyscale3D%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=APL%20Greyscale3D%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 236: | Line 244: | ||
⎕ ⎕ ⎕ ⎕⎕⎕⎕ | ⎕ ⎕ ⎕ ⎕⎕⎕⎕ | ||
</source> | </source> | ||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle= | |||
It might be unclear whether the name is "ALP" or "APL". | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Letters%20From%20the%20Cube%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | |||
| Line 251: | Line 262: | ||
[[File:LampBox.png|120px|frameless|left]] | [[File:LampBox.png|120px|frameless|left]] | ||
This back-to-basics logo consists of a boxed Comment [[glyph]], which is recognisable for all APL programmers. Non-APLers should be able to guess with language it represents based on it also being a stylised A for APL (and removing P and L makes include [[A+]] better). It uses the IBM green but works fine when rendered in black-and-white or black-on-bright or white-on-dark. It also remains very legible in small sizes, like when used as a [[wikipedia:favicon]]. | This back-to-basics logo consists of a boxed Comment [[glyph]], which is recognisable for all APL programmers. Non-APLers should be able to guess with language it represents based on it also being a stylised A for APL (and removing P and L makes include [[A+]] better). It uses the IBM green but works fine when rendered in black-and-white or black-on-bright or white-on-dark. It also remains very legible in small sizes, like when used as a [[wikipedia:favicon|favicon]]. | ||
This could be used in combination with Lamp Rho Downstile Box, this one being used for small sizes like for favicons. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Lamp%20Box%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Lamp%20Box%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 270: | Line 284: | ||
</div> | </div> | ||
A version of the Lamp Rho Downstile logo in a box with matching rounded corners. This has the benefit of working well in 16px icon size, but can also be custom drawn as pixel art. Variations include a brutalist version and zoomed pixel art with or without faint grid. | A version of the Lamp Rho Downstile logo in a box with matching rounded corners. This has the benefit of working well in 16px icon size, but can also be custom drawn as pixel art. Variations include a brutalist version and zoomed pixel art with or without faint grid. | ||
This could be used in combination with Lamp Box, that one being used for small sizes like for favicons. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Lamp%20Rho%Downstile%20Box%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Lamp%20Rho%Downstile%20Box%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||
| Line 310: | Line 327: | ||
</pre> | </pre> | ||
}} | }} | ||
This logo may be too cryptic, as neither the name APL, nor individual APL glyphs are very distinguishable. | |||
::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Quad%20APL%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ::'''[{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new&preloadtitle=Quad%20APL%20comment%20by%20~~<noinclude></noinclude>~}} Click here to leave feedback on this logo.]''' | ||