/ 新規 一覧 単語検索 最終更新 / ヘルプ / 最終更新のRSS
[ パソコン用表示 | スマホ用表示 ]

外部LINKアイコン †

(もと) 11x11 external_link_00old.gif …… Google画像検索で拾ってきた画像（透過gif形式）
　↓
(00) 11x11 external_link_00.png
　↓
(01) 40x13 external_link_01.png
　↓
(02) 42x15 external_link_02.png
　↓
(03) 46x15 external_link_03.png
　↓
(04) 40x15 external_link_04.png
　↓
(05) 40x15 external_link_05.png
　↓
(06) 40x15 external_link_06.png
　↓
(07) 40x15 external_link_07.png
　↓
(08) 40x15 external_link.png ← 現在使用中

↑

変更点 †

(もと) 11x11 external_link_00old.gif …… Google画像検索で拾ってきた画像（透過gif形式）

　↓ 色を濃くした。色は黒，濃いグレー，薄いグレーと，透過色。（これ以降は透過png形式）

(00) 11x11 external_link_00.png

　↓ 左側に "LINK" の文字パーツ（文字の上下には罫線）を追加。

(01) 40x13 external_link_01.png

　↓ 右側のアイコンを少し大きく。

(02) 42x15 external_link_02.png

　↓ 左右に罫線を加えて，2つのパーツを一体化。

(03) 46x15 external_link_03.png

　↓ 文字の高さを低く。正方形の枠を消去。矢印の形を変更。

(04) 40x15 external_link_04.png

　↓ 文字囲みの形を変更。

(05) 40x15 external_link_05.png

　↓ グラデーションにしてみた。

(06) 40x15 external_link_06.png

　↓ ここで，スマホの小さい画面ではLINKの文字がとても読みにくいことに気付いたため，
　↓ (06)で施した文字囲み内のグラデーションを取り消し，(04)で低くした文字の高さを戻した。

(07) 40x15 external_link_07.png

　↓ 小文字に。（"LINK"→"Link"）

(08) 40x15 external_link.png ← 現在使用中

↑

縦横とも2倍に拡大して表示 †

(もと) 11x11 external_link_00old.gif? …… Google画像検索で拾ってきた画像（透過gif形式）
↓
(00) 11x11 external_link_00.png?
↓
(01) 40x13 external_link_01.png?
↓
(02) 42x15 external_link_02.png?
↓
(03) 46x15 external_link_03.png?
↓
(04) 40x15 external_link_04.png?
↓
(05) 40x15 external_link_05.png?
↓
(06) 40x15 external_link_06.png?
↓
(07) 40x15 external_link_07.png?
↓
(08) 40x15 external_link.png? ← 現在使用中