読者です 読者をやめる 読者になる 読者になる

ソートアイコン

テーブル行の並び替え機能のため、ヘッダーにアイコンを用意した。
Font Awesomeで、fa-sort-asc
f:id:kawauso7c:20150903010745p:plain
fa-sort-desc を使用している。
f:id:kawauso7c:20150903010753p:plain

先の画面、当然ascが昇順でdescが降順だが、三角形が矢印にも見えるため、▼が昇順、▲が降順に思えないだろうか。
会社の先輩に話してみたら、三角を細切れにして積み重ねたような表現を考えればいいとのこと。
f:id:kawauso7c:20150903012244p:plain
f:id:kawauso7c:20150903012254p:plain
なるほど、だんだん大きくなっていくのが分かる。これを無理に三角形に置き換えたのだろうか。
この画面では fa-sort-amount-asc と fa-sort-amount-desc を使用することにした。