User:Tolkyria/Skill tables redesign

From Guild Wars 2 Wiki
Jump to: navigation, search

Description

Format from 2013

  • Slot skill table format from 2013 for comparison.
Skill Underwater.png Hero point.png Activation.png Tango-recharge-darker.png Description
Hallowed Ground.png
 Hallowed Ground
Not available underwater.png 4 1 45 Consecration. Consecrate the target area, granting stability to allies inside.
Purging Flames.png
 Purging Flames
Not available underwater.png 3 0.75¾ 35 Consecration. Create a ring of fire that burns foes and cures conditions on allies.
Sanctuary.png
 Sanctuary
Not available underwater.png 2 1 75 Consecration. Form a protective healing shelter for allies. Block foes and their missiles from entering.
Wall of Reflection.png
 Wall of Reflection
Not available underwater.png 4 30 Consecration. Summon a barrier of mystic power that reflects projectiles.
  • Weapon skill table format from 2013 for comparison.
Skill Type Activation.png Tango-recharge-darker.png Description
1
Strike.png
 Strike
0.5½ Strike your foe.
1 Redirect Arrow.png
Vengeful Strike.png
 Vengeful Strike
0.5½ Strike your foe again.
1 Redirect Arrow.png
Wrathful Strike.png
 Wrathful Strike
0.5½ Attack with a final, powerful strike that applies might for each foe you strike.
2
Whirling Wrath.png
 Whirling Wrath
0.75¾ 8 Spin in place and swing your greatsword while hurling powerful projectiles.
3
Leap of Faith.png
 Leap of Faith
0.5½ 12 Leap at your foe. Inflicts blindness and heals you for each foe hit.
4
Symbol of Wrath.png
 Symbol of Wrath
Symbol 0.25¼ 20 Symbol. Pierce the ground with a mystic symbol that damages foes while granting retaliation to allies.
5
Binding Blade.png
 Binding Blade
0.75¾ 25 Throw blades at your foes, causing damage over time. Bound foes can be pulled to you. The effect ends when a foe moves out of range.
5 Redirect Arrow.png
Pull (guardian skill).png
 Pull
0.75¾ Pull your foes to you.

My concept

Therefore, my intention is to redesign the following templates and their subtemplates all together with one concept:

  1. Template:Slot skill table row
  2. Template:Weapon skill table row
  3. Template:Profession mechanic skill table row
  4. Template:Trait table
  5. Template:Mastery table

Key points of my concept are:

  1. Mirror the format from 2012 and 2013 with adjusted widths.
  2. The description column is always at the same place for all tables.
  3. Emphasize the description column by giving it more width to the right, i.e. increase the CSS class .skills from 1000px to 100em. Note that now the skill description displays the skill type as intro making the type column more or less obsolete.
  4. The numerical values are properly right-aligned below the properly right-aligned headers.
  5. Everything is responsive.

My concept — changes

CSS class skills
  • Increase width from 1000px to 100em (~1200px for standard browser settings)
Slot skill table header
  • Change Skill column width from 200px to 19em (~228px).
  • Change Underwater skill, Hero Point, Activation, Recharge columns from left-algined 43px to right-aligned 3.5em.
  • Change Description column from 54.7% (i.e. ~540px) to 61em (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
  • Adding an optional Energy column (width: 3.5em) now moves the description column by 4.5em to the right (i.e. 3.5em + 0.5em padding-left and + 0.5em padding-right).
  • Adding an optional Type column (rarely used) with the width of 8em moves the description by 9em to the right (i.e. 8em + 0.5em padding-left and + 0.5em padding-right).
Weapon skill table header
  • Change Skill number column width from 10px to 1.5em.
  • Change Skill column width from 200px to 25.5em.
  • Change Activation, Recharge columns from left-algined 43px to right-aligned 3.5em.
  • Change Description column from 54.7% (i.e. ~540px) to 61em (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
  • Adding an optional Energy column (width: 3.5em) now moves the description column by 4.5em to the right (i.e. 3.5em + 0.5em padding-left and + 0.5em padding-right).
  • Adding an optional Type (rarely used) or Weapon (sometimes) column with the width of 8em moves the skill column by 9em to the left (i.e. 8em + 0.5em padding-left and + 0.5em padding-right), taking up exactly that space that is occupied by the underwater and hero point columns in the slot skill table. Note that only one of these columns can be used at the same time.
  • This format carries over to Profession mechanic table header.
Trait table
  • Change Tier column from 150px to 11.5em.
  • Change Trait column from 200px to 20em.
  • Change Recharge column to right-aligned 3.5em.
  • Change Description column to 61em (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
  • Add an optional energy space to the Trait column to align the description column width to the templates above if an energy column is used.
Mastery table
  • Change Mastery column to 22em.
  • Change XP required column to 8em.
  • Change Points column to 5em.
  • Change Description column to 61em.
Features
  • The Description column starts at 40% of the table for all the templates (or at 44.5% if an energy column is used). The description column is more emphasized through the increased size (since the skill type is part of the description now) by taking up the extra space from the CSS class width increase.
  • The Recharge column is at the same position for all three templates.
  • The Weapon or Type column (also Pet or Archetype column for profession mechanic skill tables) for weapon skill tables takes exactly the place that is used by the the Underwater and Hero Point column in the slot skill table.
  • All numerical values are properly right-aligned directly below the properly right-aligned table header icon.

My concept — widths

  • Slot skill table header
19em
Skill
3.5em
Underwater.png
3.5em
Hero point.png
3.5em
Activation.png
3.5em
Tango-recharge-darker.png
61em
Description

description: 60% with padding-left:2em

19em
Skill
3.5em
Underwater.png
3.5em
Hero point.png
3.5em
Activation.png
3.5em
Energy cost/Upkeep cost
3.5em
Tango-recharge-darker.png
56.5em
Description

description: 55.5% with padding-left:2em
  • Weapon skill table header
1.5em
#
25.5em
Skill
3.5em
Activation.png
3.5em
Tango-recharge-darker.png
61em
Description

8em optional col.
description: 60% with padding-left:2em

1.5em
#
25.5em
Skill
3.5em
Activation.png
3.5em
Energy cost/Upkeep cost
3.5em
Tango-recharge-darker.png
56.5em
Description

8em optional col.
description: 55.5% with padding-left:2em
  • Trait table
11.5em
Tier
20em
Trait
3.5em
Tango-recharge-darker.png
61em
Description

description: 60% with padding-left:2em

Templates used here

Slot skill table

100em in table, font size = 12/13=.923
20%
4.5%
4.5%
4.5%
4.5%
62%

description: 60% with padding-left:2em

Skill Underwater.png Hero point.png Activation.png Tango-recharge-darker.png Description
Hallowed Ground.png
 Hallowed Ground
Not available underwater.png 4 1 45 Consecration. Consecrate the target area, granting stability to allies inside.
Purging Flames.png
 Purging Flames
3 0.75¾ 35 Consecration. Create a ring of fire that burns foes and cures conditions on allies.
Sanctuary.png
 Sanctuary
2 1 75 Consecration. Form a protective healing shelter for allies. Block foes and their missiles from entering.
Wall of Reflection.png
 Wall of Reflection
Not available underwater.png 4 30 Consecration. Summon a barrier of mystic power that reflects projectiles.

Weapon skill table

2.5%
26.5%
4.5%
4.5%
62%

description: 60% with padding-left:2em

# Skill Activation.png Tango-recharge-darker.png Description
1
Strike.png
 Strike
0.5½ Strike your foe.
1 Strike, Vengeful Strike, Wrathful Strike chainRedirect Arrow.png
Vengeful Strike.png
 Vengeful Strike
0.5½ Strike your foe again.
1 Strike, Vengeful Strike, Wrathful Strike chainRedirect Arrow.png
Wrathful Strike.png
 Wrathful Strike
0.5½ Attack with a final, powerful strike that applies might for each foe you strike.
2
Whirling Wrath.png
 Whirling Wrath
0.75¾ 8 Spin in place and swing your greatsword while hurling powerful projectiles.
3
Leap of Faith.png
 Leap of Faith
0.5½ 12 Leap at your foe. Inflicts blindness and heals you for each foe hit.
4
Symbol of Wrath.png
 Symbol of Wrath
0.25¼ 20 Symbol. Pierce the ground with a mystic symbol that damages foes while granting retaliation to allies.
5
Binding Blade.png
 Binding Blade
0.75¾ 25 Throw blades at your foes, causing damage over time. Bound foes can be pulled to you. The effect ends when a foe moves out of range.
5 Binding Blade, Pull (guardian skill) chainRedirect Arrow.png
Pull (guardian skill).png
 Pull
0.75¾ Pull your foes to you.

With type or weapon column

2.5%
17.5%
9%
4.5%
4.5%
62%

description: 60% with padding-left:2em

# Skill Type Activation.png Tango-recharge-darker.png Description
1
Strike.png
 Strike
0.5½ Strike your foe.
1 Strike, Vengeful Strike, Wrathful Strike chainRedirect Arrow.png
Vengeful Strike.png
 Vengeful Strike
0.5½ Strike your foe again.
1 Strike, Vengeful Strike, Wrathful Strike chainRedirect Arrow.png
Wrathful Strike.png
 Wrathful Strike
0.5½ Attack with a final, powerful strike that applies might for each foe you strike.
2
Whirling Wrath.png
 Whirling Wrath
0.75¾ 8 Spin in place and swing your greatsword while hurling powerful projectiles.
3
Leap of Faith.png
 Leap of Faith
0.5½ 12 Leap at your foe. Inflicts blindness and heals you for each foe hit.
4
Symbol of Wrath.png
 Symbol of Wrath
Symbol 0.25¼ 20 Symbol. Pierce the ground with a mystic symbol that damages foes while granting retaliation to allies.
5
Binding Blade.png
 Binding Blade
0.75¾ 25 Throw blades at your foes, causing damage over time. Bound foes can be pulled to you. The effect ends when a foe moves out of range.
5 Binding Blade, Pull (guardian skill) chainRedirect Arrow.png
Pull (guardian skill).png
 Pull
0.75¾ Pull your foes to you.

Profession mechanic skill table

# Skill Activation.png Tango-recharge-darker.png Description
F1
Virtue of Justice.png
 Virtue of Justice
20 Virtue: Burn foes every few attacks.
Activate: You and your allies inflict burning on the next attack.
F2
Virtue of Resolve.png
 Virtue of Resolve
30 Virtue: Regenerates health.
Activate: Heal yourself and nearby allies.
F3
Virtue of Courage.png
 Virtue of Courage
45 Virtue: Gain aegis periodically.
Activate: Grant aegis to yourself and nearby allies.

Trait table

12.5%
21%
4.5%
62%
description: 60% with padding-left:2em
Tier Trait Tango-recharge-darker.png Description
Minor Adept Inspired Virtue Inspired Virtue Virtues apply boons to allies when activated.
Major Adept Unscathed Contender Unscathed Contender Deal increased damage while you have aegis.
Major Adept Retaliatory Subconscious Retaliatory Subconscious 30 Gain retaliation and aegis when disabled.
Disables include stun, daze, knocked back, pull, knocked down, sink, float, launch, taunt, and fear.
Major Adept Master of Consecrations Master of Consecrations Consecrations gain reduced recharge and increased duration.
Minor Master Virtue of Retribution Virtue of Retribution Gain retaliation when you activate a Virtue. Retaliation you grant has increased duration.
Major Master Virtuous Solace Virtuous Solace Cast Merciful Sanctuary when you're struck while below the health threshold.
Major Master Absolute Resolution Absolute Resolution Activating Virtue of Resolve removes conditions from nearby allies. Virtue of Resolve's passive effect is stronger.
Major Master Glacial Heart Glacial Heart Mighty Blow becomes Glacial Blow. Chill and damage foes that you disable.
Disables include stun, daze, knockback, pull, knockdown, sink, float, launch, taunt, and fear.
Minor Grandmaster Power of the Virtuous Power of the Virtuous Deal increased damage for each boon on you. Virtues gain reduced recharge.
Major Grandmaster Permeating Wrath Permeating Wrath Virtue of Justice's passive triggers more quickly and now burns in an area.
Major Grandmaster Battle Presence Battle Presence Nearby allies gain Virtue of Resolve's passive.
Major Grandmaster Indomitable Courage Indomitable Courage Virtue of Courage's active breaks stun and grants stability to nearby allies. Virtue of Courage's passive gains a shorter interval.

Mastery table

23%
9%
6%
62%
description: 60% with padding-left:2em
Mastery XP required Points Description
Glider Basics Glider Basics 508,000 Heart of Thorns mastery point Gain access to the glider so that you can glide like a squirrel across the highest points of the Heart of Maguuma.
Updraft Use Updraft Use 1,016,000 Heart of Thorns mastery point Improved design to your glider handles and slits in the wings let you confidently fly into updrafts, allowing you to gain altitude and travel to previously unreachable locations.
Lean Techniques Lean Techniques 1,778,000 Heart of Thorns mastery point Learn the gliding technique of leaning forward to increase your gliding speed and leaning back to brake midair at the cost of endurance. Your improved technique also increases your total endurance pool when gliding.
Stealth Gliding Stealth Gliding 2,540,000 Heart of Thorns mastery point Learn to glide silently and undetected through the air for short periods by dodging while gliding.
Advanced Gliding Advanced Gliding 3,302,000 Heart of Thorns mastery point Learn to glide with such efficiency that you no longer use endurance to stay up in the air, only to perform lean techniques.
Ley Line Gliding Ley Line Gliding 4,318,000 12 Heart of Thorns mastery point Learn to enter ley-line energy flows while gliding to be moved along with the flow, gaining access to otherwise inaccessible places.
Total 13,462,000 31 Heart of Thorns mastery point

Revenant

Revenant uses an energy column, description is moved to the right.

Slot skill table

20%
4.5%
4.5%
4.5%
4.5%
4.5%
57.5%

description: 55.5% with padding-left:2em

Skill Underwater.png Hero point.png Activation.png Energy/Upkeep cost Tango-recharge-darker.png Description
Breakrazor's Bastion.png
 Breakrazor's Bastion
Not available underwater.png 0.75¾ 5 30 Legendary Renegade. Summon Era Breakrazor to heal your allies while shielding them from condition damage.
Razorclaw's Rage.png
 Razorclaw's Rage
Not available underwater.png 0.5½ 25 15 Legendary Renegade. Summon centurion Jas Razorclaw from the Mists to enhance the attacks of your allies.
This bleeding can only be inflicted once per interval.
Darkrazor's Daring.png
 Darkrazor's Daring
Not available underwater.png 0.5½ 30 12 Legendary Renegade. Summon Kus Darkrazor to disrupt your enemies.
Icerazor's Ire.png
 Icerazor's Ire
Not available underwater.png 0.5½ 20 12 Legendary Renegade. Summon Visk Icerazor from the Mists to magically bombard your enemies with debilitating conditions.
Soulcleave's Summit.png
 Soulcleave's Summit
Not available underwater.png 1 10 / -8 3 Legendary Renegade. Summon Lieutenant Ofela Soulcleave to grant your allies' strikes incredible bloodthirst, inflicting damage and restoring health.
Lieutenant Soulcleave can only empower players.
Redirect Arrow.png
Dismiss Lieutenant Soulcleave.png
 Dismiss Lieutenant Soulcleave
Order Ofela Soulcleave to leave the field.

Weapon skill table

2.5%
26.5%
4.5%
4.5%
4.5%
57.5%

description: 55.5% with padding-left:2em

# Skill Activation.png Energy.png Tango-recharge-darker.png Description
1
Shattershot.png
 Shattershot
0.5½ Release an arrow that shatters upon striking, inflicting bleeding on nearby foes.
2
Bloodbane Path.png
 Bloodbane Path
1 4 3 Conjure a portal through the Mists and fire barbed arrows to strike from unexpected directions at your enemy.
3
Sevenshot.png
 Sevenshot
0.25¼ 7 7 Conjure a focused volley of arrows to harass your foes.
4
Spiritcrush.png
 Spiritcrush
0.5½ 12 9 Create a debilitating zone by firing a volley of flaming arrows at an area.
5
Scorchrazor.png
 Scorchrazor
0.75¾ 16 12 Unleash a fiery edge to ignite and knock down your enemies.

Profession mechanic skill table

# Skill Type Activation.png Energy.png Tango-recharge-darker.png Description
F1
Legendary Renegade Stance.png
 Legendary Renegade Stance
Legend Invoke the power of the legendary charr renegade, Kalla Scorchrazor.
F2
Heroic Command.png
 Heroic Command
Citadel Order 0.75¾ 10 10 Citadel Order. Refresh the duration of your Kalla's Fervor and grant nearby allies might for every stack.
F3
Citadel Bombardment.png
 Citadel Bombardment
Citadel Order 0.75¾ 35 15 Citadel Order. Open a portal through the mists of time, unleashing a storm of artillery from the united legions.
F4
Orders from Above.png
 Orders from Above
Citadel Order 20 20 Citadel Order. Orders from above arrive, renewing your abilities and those of your nearby allies.

Trait table

12.5%
25.5%
4.5%
57.5%
description: 55.5% with padding-left:2em

Tier Trait Tango-recharge-darker.png Description
Minor Proficiency Short Bow Proficiency Short Bow Proficiency You can wield short bows.
Minor Adept Ambush Commander Ambush Commander When you critically strike, or attack your enemies from behind or their flanks, you'll inspire yourself with Kalla's Fervor.
Gain access to Citadel Order abilities.
Major Adept Ashen Demeanor Ashen Demeanor 3 Disabling a foe cripples your enemy, which leaves them vulnerable and inspires you with Kalla's Fervor.
Major Adept Blood Fury Blood Fury 3 Fury increases the duration of bleeds you inflict. Gaining fury inspires you with Kalla's Fervor.
Major Adept Wrought-Iron Will Wrought-Iron Will 3 Evading an attack inspires you with Kalla's Fervor and grants boons to nearby allies.
Minor Master Endless Enmity Endless Enmity 8 Gain fury when you critically strike a foe below the health threshold.
Major Master Sudden Reversal Sudden Reversal 20 Unleash a roar at nearby enemies when you break a stun, knocking them down.
Major Master Heartpiercer Heartpiercer Your short bow skills now pierce. Bleeding you inflict deals more damage.
Major Master All for One All for One Using Legendary Renegade abilities grants protection to allies near the summoned warband member.
Minor Grandmaster Brutal Momentum Brutal Momentum 8 While at full endurance, increase your chance to critically strike. Gain vigor when you gain fury.
Major Grandmaster Vindication Vindication Gaining Kalla's Fervor grants you might. Citadel Bombardment pulls more missiles into Tyria for every stack of Kalla's Fervor affecting you.
Major Grandmaster Lasting Legacy Lasting Legacy Kalla's Fervor you inspire lasts longer and is more potent. Heroic Command grants more might per stack of Kalla's Fervor.
Major Grandmaster Righteous Rebel Righteous Rebel Kalla's Fervor reduces the damage you receive from conditions. Orders from Above lasts longer and affects more targets and a larger area.