New Exoworld Color Layout - Need opinion

General
21

@Cuetzpalomitl you have the narrowest tallest screen ever! What phone is that??

image
image1242×2208 402 KB

I might make more of those pretty icons into letters.
E for exo only, N for new, T for trans chiselable. Less pretty but more usable.

Not sure what entity found means - that it exists? If so I’d instead do the opposite - put a red X for things that don’t exist, or cross those out, or leave those off the list.

2 Likes
22

Really we won’t know for sure that it doesn’t exist since its just marked by people who may or may not find it. So I think its better to mark that it has been found and the rest is just an unknown.

1 Like
23

Went smaller Border here to look if it’s better, if not i’ll just go clean look like @majorvex showed.

Default

[Rock]
-[ Igneous ]-[ 4 Dark Cerulean ]-[ ]
-[ Metamorphic ]-[ 4 Dark Cerulean ]-[ ]
-[ Sedimentary ]-[ 113 Stale Turquoise ]-[ ]

Smaller Border

[Rock]
-[ Igneous ]-[ 4 Dark Cerulean ]-[ ]
-[ Metamorphic ]-[ 4 Dark Cerulean ]-[ ]
-[ Sedimentary ]-[ 113 Stale Turquoise ]-[ ]

24

The icons themselves are very nice :+1:

At 12-25px they are more like favicons though and that takes a little bit of extra tweaking and/or simplifying the design.

bl_info_exo_on

Screenshot_2020-03-02-22-15-05
Screenshot_2020-03-02-22-15-051080×2160 355 KB

Screenshot_2020-03-02-22-21-25
Screenshot_2020-03-02-22-21-251080×2160 451 KB

25

Icon full size here :

Icons

bl_info_atmo_caustic bl_info_atmo_potent bl_info_atmo_volatile testbutton%20height%20120 bl_info_byrecipe_onpng bl_info_exo bl_info_exo_color_new bl_info_exo_off bl_info_exo_on bl_info_found bl_info_Hopst bl_info_lifetime bl_info_misc bl_info_notfound bl_info_planet bl_info_server bl_info_tick bl_info_warpcost bl_type_blast bl_type_blink2 bl_type_burn bl_type_chill bl_type_corrosive bl_type_rift bl_type_shock bl_type_toxic bl_type_umbris ByTransforimation_On

ColorPalette

ColorPallette_0_Unavailable ColorPallette_1_Black ColorPallette_2_Night%20Azure ColorPallette_3_Shadow%20Cerulean ColorPallette_4_Dark%20Cerulean ColorPallette_5_Dark%20Cobalt ColorPallette_6_Dark%20Berry ColorPallette_7_Dark%20Violet ColorPallette_8_Dark%20Lilac ColorPallette_9_Strong%20Violet ColorPallette_10_Strong%20Magenta ColorPallette_11_Strong%20Fuchsia ColorPallette_12_Strong%20Cherry ColorPallette_13_Dark%20Red ColorPallette_14_Dark%20Orange ColorPallette_15_Dark%20Rose ColorPallette_16_Dark%20Fuchsia ColorPallette_17_Shadow%20Fuchsia ColorPallette_18_Night%20Berry ColorPallette_19_Night%20Fuchsia ColorPallette_20_Night%20Orange ColorPallette_21_Shadow%20Orange ColorPallette_22_Shadow%20Red ColorPallette_23_Strong%20Red ColorPallette_24_Deep%20Red ColorPallette_25_Hot%20Cherry ColorPallette_26_Silk%20Cherry ColorPallette_27_Oxide%20Rose ColorPallette_28_Silk%20Orange ColorPallette_29_Silk%20Mustard ColorPallette_30_Hot%20Sepia ColorPallette_31_Deep%20Mustard ColorPallette_32_Hot%20Tan ColorPallette_33_Silk%20Yellow ColorPallette_34_Deep%20Yellow ColorPallette_35_Hot%20Moss ColorPallette_36_Deep%20Green ColorPallette_37_Strong%20Green ColorPallette_38_Dark%20Green ColorPallette_39_Dark%20Yellow ColorPallette_40_Strong%20Yellow ColorPallette_41_Strong%20Mustard ColorPallette_42_Dark%20Mustard ColorPallette_43_Shadow%20Mustard ColorPallette_44_Shadow%20Yellow ColorPallette_45_Night%20Green ColorPallette_46_Shadow%20Turquoise ColorPallette_47_Dark%20Turquoise ColorPallette_48_Dark%20Grey ColorPallette_49_Oxide%20Azure ColorPallette_50_Oxide%20Grey ColorPallette_51_Oxide%20Yellow ColorPallette_52_Oxide%20Green ColorPallette_53_Silk%20Mint ColorPallette_54_Silk%20Teal ColorPallette_55_Deep%20Turquoise ColorPallette_56_Deep%20Slate ColorPallette_57_Deep%20Azure ColorPallette_58_Deep%20Cerulean ColorPallette_59_Silk%20Cobalt ColorPallette_60_Silk%20Cerulean ColorPallette_61_Oxide%20Blue ColorPallette_62_Oxide%20Violet ColorPallette_63_Silk%20Berry ColorPallette_64_Silk%20Lilac ColorPallette_65_Silk%20Lavender ColorPallette_66_Deep%20Lavender ColorPallette_67_Deep%20Lilac ColorPallette_68_Deep%20Violet ColorPallette_69_Hot%20Magenta ColorPallette_70_Silk%20Magenta ColorPallette_71_Deep%20Fuchsia ColorPallette_72_Warm%20Fuchsia ColorPallette_73_Warm%20Magenta ColorPallette_74_Fuchsia ColorPallette_75_Rose ColorPallette_76_Warm%20Cherry ColorPallette_77_Cherry ColorPallette_78_Red ColorPallette_79_Warm%20Red ColorPallette_80_Stale%20Red ColorPallette_81_Warm%20Orange ColorPallette_82_Stale%20Sepia ColorPallette_83_Warm%20Mustard ColorPallette_84_Stale%20Tan ColorPallette_85_Warm%20Yellow ColorPallette_86_Stale%20Moss ColorPallette_87_Warm%20Viridian ColorPallette_88_Teal ColorPallette_89_Viridian ColorPallette_90_Mint ColorPallette_91_Green ColorPallette_92_Warm%20Moss ColorPallette_93_Yellow ColorPallette_94_Tan ColorPallette_95_Mustard ColorPallette_96_Sepia ColorPallette_97_Orange ColorPallette_98_Vivid%20Orange ColorPallette_99_Light%20Sepia ColorPallette_100_Light%20Orange ColorPallette_101_Pale%20Sepia ColorPallette_102_Ashen%20Taupe ColorPallette_103_Ashen%20Yellow ColorPallette_104_Pale%20Tan ColorPallette_105_Light%20Mustard ColorPallette_106_Light%20Tan ColorPallette_107_Light%20Yellow ColorPallette_108_Pale%20Moss ColorPallette_109_Ashen%20Mint ColorPallette_110_Ashen%20Turquoise ColorPallette_111_Ashen%20Grey ColorPallette_112_Rust%20Slate ColorPallette_113_Stale%20Turquoise ColorPallette_114_Rust%20Lime ColorPallette_115_Rust%20Taupe ColorPallette_116_Rust%20Fuchsia ColorPallette_117_Rust%20Violet ColorPallette_118_Stale%20Berry ColorPallette_119_Warm%20Violet ColorPallette_120_Stale%20Lilac ColorPallette_121_Warm%20Blue ColorPallette_122_Blue ColorPallette_123_Lavender ColorPallette_124_Lilac ColorPallette_125_Violet ColorPallette_126_Vivid%20Violet ColorPallette_127_Vivid%20Lilac ColorPallette_128_Vivid%20Lavender ColorPallette_129_Vivid%20Blue ColorPallette_130_Light%20Blue ColorPallette_131_Pale%20Lilac ColorPallette_132_Light%20Lilac ColorPallette_133_Pale%20Berry ColorPallette_134_Ashen%20Berry ColorPallette_135_Ashen%20RedColorPallette_136_Cool%20Red ColorPallette_137_Stark%20Orange ColorPallette_138_Bright%20Orange ColorPallette_139_Bright%20Sepia ColorPallette_140_Bright%20Taupe ColorPallette_141_Bright%20Mustard ColorPallette_142_Bright%20Tan ColorPallette_143_Bright%20Yellow ColorPallette_144_Bright%20Lime ColorPallette_145_Bright%20Moss ColorPallette_146_Bright%20Green ColorPallette_147_Stark%20Green ColorPallette_148_Bright%20Viridian ColorPallette_149_Stark%20Viridian ColorPallette_150_Cool%20Mint ColorPallette_151_Cool%20Teal ColorPallette_152_Stark%20Turquoise ColorPallette_153_Bright%20Turquoise ColorPallette_154_Bright%20Slate ColorPallette_155_Bright%20Azure ColorPallette_156_Stark%20Azure ColorPallette_157_Bright%20Cerulean ColorPallette_158_Bright%20BlueColorPallette_159_Stark%20Lavender ColorPallette_160_Cool%20Blue ColorPallette_161_Weary%20Violet ColorPallette_162_Cool%20Violet ColorPallette_163_Bright%20Lilac ColorPallette_164_Bright%20Magenta ColorPallette_165_Bright%20Violet ColorPallette_166_Light%20Berry ColorPallette_167_Vivid%20Fuchsia ColorPallette_168_Light%20Fuchsia ColorPallette_169_Light%20Red ColorPallette_170_Vivid%20Cherry ColorPallette_171_Vivid%20Red ColorPallette_172_Bright%20Red ColorPallette_173_Bright%20Fuchsia ColorPallette_174_Luminous%20Violet ColorPallette_175_Cold%20Berry ColorPallette_176_Luminous%20Blue ColorPallette_177_Luminous%20Azure ColorPallette_178_Cold%20Slate ColorPallette_179_Luminous%20Slate ColorPallette_180_Cool%20Slate ColorPallette_181_Weary%20Teal ColorPallette_182_Cool%20Grey ColorPallette_183_Weary%20Mustard ColorPallette_184_Cool%20Taupe ColorPallette_185_Stark%20Mustard ColorPallette_186_Cool%20Tan ColorPallette_187_Weary%20Yellow ColorPallette_188_Cool%20Lime ColorPallette_189_Stark%20Lime ColorPallette_190_Stark%20Yellow ColorPallette_191_Crisp%20Yellow ColorPallette_192_Crisp%20Lime ColorPallette_193_Luminous%20Moss ColorPallette_194_Luminous%20Green ColorPallette_195_Crisp%20Green !ColorPallette_196_Cold%20Lime ColorPallette_197_Cold%20Viridian ColorPallette_198_Cold%20Teal ColorPallette_199_Crisp%20Teal ColorPallette_200_Luminous%20Viridian ColorPallette_201_Luminous%20Turquoise ColorPallette_202_Vivid%20Turquoise ColorPallette_203_Light%20Turquoise ColorPallette_204_Vivid%20Slate ColorPallette_205_Vivid%20Azure ColorPallette_206_Light%20Azure ColorPallette_207_Pale%20Cerulean ColorPallette_208_Vivid%20Cobalt ColorPallette_209_Vivid%20Cerulean ColorPallette_210_Cerulean ColorPallette_211_Azure ColorPallette_212_Slate ColorPallette_213_Turquoise ColorPallette_214_Vivid%20Teal ColorPallette_215_Light%20Viridian ColorPallette_216_Vivid%20Viridian ColorPallette_217_Vivid%20Mint ColorPallette_218_Vivid%20Green ColorPallette_219_Vivid%20Moss ColorPallette_220_Vivid%20Lime ColorPallette_221_Vivid%20Yellow ColorPallette_222_Vivid%20Mustard ColorPallette_223_Luminous%20Tan ColorPallette_224_Crisp%20Tan ColorPallette_225_Cold%20Tan ColorPallette_226_Luminous%20Taupe ColorPallette_227_Luminous%20Red ColorPallette_228_White ColorPallette_229_Cool%20Azure ColorPallette_230_Ashen%20Blue ColorPallette_231_Rust%20Blue ColorPallette_232_Stale%20Cerulean ColorPallette_233_Cobalt ColorPallette_234_Deep%20Cobalt ColorPallette_235_Deep%20Blue ColorPallette_236_Strong%20Blue ColorPallette_237_Strong%20Cobalt ColorPallette_238_Strong%20Cerulean ColorPallette_239_Strong%20Azure ColorPallette_240_Strong%20Slate ColorPallette_241_Strong%20Turquoise ColorPallette_242_Strong%20Viridian ColorPallette_243_Shadow%20Green ColorPallette_244_Deep%20Viridian ColorPallette_245_Silk%20Turquoise ColorPallette_246_Dark%20Blue ColorPallette_247_Night%20Blue ColorPallette_248_Shadow%20Blue ColorPallette_249_Strong%20Lavender ColorPallette_250_Shadow%20Violet ColorPallette_251_Night%20Lilac ColorPallette_252_Strong%20Orange ColorPallette_253_Deep%20Orange ColorPallette_254_Hot%20Orange ColorPallette_255_Luminous%20Yellow

I think they look greats but once cropped maybe the dark background make them harder to see correctly.

26

Yeah i used oort alphabet in them, the brand new color is “NEW”, the by recipe icon as an “R” inside the book and the found entity icon is a magnifying glass with an “?” in it.

1 Like
27

icons2
icons2670×619 112 KB

------ I like the idea that something has a grayed out icon if the item isn’t present/found, then in color if present

2 Likes
28

Too many effects IMO - looks pretty but less usable.

Will I learn the icons? Yeah probably by tomorrow.

Will everyone / will new people notice the expandable legend? Prob not imo.

2 Likes
29

Oh maybe get rid of the shadow.

2 Likes
30

Gorilla-chan we lucky to have you me happy whatever you do (^-^)

7 Likes
31

I agree with Cookie.

But I kinda liked the yellow star symbol currently signifying exo exclusive color. Made for quick and easy identification. Guess thats just me…

9 Likes
32

It feels slightly too ‘busy’, but I proper love the ‘new colour’ and ‘last seen’ information.

Question: Does the new colour include colours within that same resource family?

So if there was an Exo with Azure Ancient Trunk before, and another exo later on with Azure Twisted Trunk, will it say its a new colour?

1 Like
33

The way it works is :

  1. It will look if the entity color exist on homeworlds - Exo exclusive if True
  2. If Exo exclusive, it will check if it can be obtained from an homeworld by transforming/solidifying/recipe
  3. If Exo exclusive, it will check if the entity color can be found in a rpevious exoworld - Brand New if False
  4. If Brand New is False, then it will check when the entity color appeared in the existed exoworlds then return the timelapse between that existed exoworld end time and the current exoworld start time.

So to answer your question yes it will says new if it never appeared before for that entity.

1 Like
34

icons3
icons3856×587 111 KB

2 Likes
35

Gotchya, awesome work with this - probably the most helpful resource in Boundless :ok_hand:

2 Likes
36

Thanks all for your suggestions. So it seems icons need to be more clearer. I will rework that and post another layout in the next days.

2 Likes
37

I don’t do websites anymore & I’m still learning VFX, but I do have expertise in vector graphics. If you need help with a specific icon or need help cleaning them up - holla :facepunch:

2 Likes
38

Can help too if needed!

1 Like
39

Great idea to include that the exo colour was already on another exo or not seen before.

I don’t think you need the colour block at the start of each line, it’s not giving any extra information?

Also, if you have the symbol for a ‘new’ colour, you probably don’t need the symbol for it being an exo colour as well?

It can’t be new without it being exo, so the exo symbol is not giving any extra information.

(I like info, but I also like efficiency!)

2 Likes
40

For me the minimal use of the simplest icons is the ideal.
So:

  1. Color icon with no border or shadow or any extra effects.
  2. All the info about colors being new or not, entities found or not, best if text only.

Long story short, in my opinion it would help readability if there was just one icon per entity, that being the color icon before text.

2 Likes