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

変更点 †

(もと) 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

　↓ 文字囲みの形を変更。
　↓ 矢印の形の修正を試みるも，中止。（失敗作05a）

(05) 40x15 external_link_05.png
(失敗作05a) external_link_05a.png

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

(06) 40x15 external_link_06.png

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

(07) 40x15 external_link_07.png

　↓ 小文字に。（"LINK"→"Link"）
　↓ 文字囲みの幅を変更しようと試みたが，中止。（失敗作08a，08b）

(08) 40x15 external_link.png ← 現在使用中
(失敗作08a) external_link_08a.png
(失敗作08b) external_link_08b.png