自分の経験をシェアしたい。Webデザインのテクニック&効率化。

: プログラムを何から初めていいかわからないなら、３分でできる「ドットインストール」がおすすめ

2014/9/30

プログラムを勉強したいけど、何から初めていいかわからないと言う声をよく聞きます。本を買って勉強するもいいですが、気軽に学習するなら「ドットインストール」をおすすめしています。ドットインストール - ...

プログラム

: AltのチェックにはAlt属性値が表示できる「Web Developer」が便利

2014/9/28

サイトを制作していて、Altに何が入っているのかチェックするのは結構大変ですが、私はずっとFirefoxのプラグインのWeb Developerを使っています。 Web Developer 使い方い ...

コーディング

: 無料のWebマガジン「トーチ」のマンガが個性的でおもしろい

2014/9/26

「トーチ」というリイド社が発行するWebマガジンです。いくつかの作品が定期的にアップされていますが、どれも個性的でおもしろいですので、仕事の合間にどうでしょう？トーチWeb お気に入りの作品を二つ ...

WEBサイトチェックその他

: ウォーレン・バフェット成功の名語録

2014/9/24

「ウォーレン・バフェット成功の名語録 (PHPビジネス新書) 」と言う本があったので手に取ってみた。ウォーレン・バフェットについては「投資家」「お金持ち」くらいの知識しかないのだが、立ち読みしてた ...

その他情報収集本

: サイトで使われているアプリがわかる「Wappalyzer」

2014/9/23

サイトをみていて「どんなプログラムやサーバー、プラグインを使っているんだろう？」と思うことありませんか？私の場合、サイトのソースコードをみて判断するのですが、ソースが長かったり、使用しているプラグ ...

Javascript コーディング

: イヤな先輩に認めてもらうためにやったこと

2014/8/16

仕事している上で一番のストレスになるのが、人間関係。自分の場合、以前の職場のときに一緒にやっているディレクターのパワハラがひどくかなり困ったことがありました。とにかく、怒りっぽく、怒りはじめると自 ...

ライフハック

: 超便利！PhotoShopでシャープを素早く微調整できる小技

2014/8/10

シャープをかけすぎて失敗したという経験はありませんか？シャープをかけすぎた場合は、command+Shift+Fで、シャープのかけ具合を微調整できます。「フィルタ」→「シャープ」→「シャープ」を実 ...

Photoshop

: デザインの遅い自分が仕事をスピードアップするためにやったこと

2014/6/30

新人の頃、周りより仕事が遅いためよく叱られていました。さらにデザインが遅いので、デザイナーとしては致命的でした。（しかもクオリティも低かったです．．．）こうなると会社に居場所はありませんでした。 ...

ライフハック

: 貴重な創作過程が見られる「デザインノート EXTRA good design company 水野学」がオススメ

2014/6/23

最近購入した本の「デザインノート EXTRA good design company 水野学」は good design companyの水野学さんを特集した本です。水野学さんは、「くまもん」やd ...

本

: よく使うPhotoshopテクスチャ（カテゴリー別）の作り方まとめ

2018/11/4

必要なテクスチャ素材を探していて時間がかかったり、やっと見つけたと思ったら商用利用不可だったり、と素材を探すのは結構手間です。そんな時には、テクスチャも作ったが早いです。 PhotoShopの知 ...

Photoshop

: 九州の凄腕クリエーターが制作したｑＢｉｚのＣＭがおもしろい

2014/6/16

西日本新聞経済電子版のCMを九州ゆかりのクリエーターが月替わりでつくる企画の6月が非常におもしろかったのでご紹介。西日本新聞qBiz WebCM第1弾｢カッパ篇エピソード1｣: 電通九州の左俊幸氏 ...

CM

: レスポンシブWebデザインを制作して困ったことの解決方法

2014/6/8

まだレスポンシブの案件が少なく、知識もスキルもまだまだなのですが、いくつか作ってみて、困ったことの解決方法です。もくじ Javascriptを使った場合の端末ごとの処理フォントによる見栄えの違 ...

WEBデザインコーディング

: Dreamweaverの「コード」「分割」「デザイン」ボタンの表示・非表示

2014/5/7

先日、Dreamweaverを使っていたら、ワークスペースからドキュメントの「コード」「分割」「デザイン」ボタンが消えてしまい困ったので、表示・非表示の方法を記します。

Dreamweaver

: イラレで丸い破線をつくる方法

2014/5/4

上のような丸いドットの並んだ破線を作る方法です。

イラストレーター

: すぐにわかる！早く読んでおきたい、WEBデザイナーに必要な基礎知識のスライドまとめ

2014/5/1

グラフィックのみ、コーディングのみの WEBデザイナーは少ないのではないかと思います。マーケティングやSEOやアクセス解析など、必要な知識が多岐にわたります。勉強する上で、概要を知るのは上達の近 ...

WEBデザイン

: 新人デザイナーに教える時に心がけている8つのこと

2014/3/9

4月から新人デザイナーの教育係になる人や、すでになっている人もいるのではないかと思います。私は、新人やインターンを何人も教えてきました。技術的なことだけ教えて、できれるようになればいいのですが、 ...

WEBデザインその他

: デザイン力を鍛える！Webデザインのフロー別セオリーと知識まとめ

2014/2/3

以前、「WEBデザインが短期間で上達した方法」では、上達する近道として模写を紹介しましたが、それ以外にも基本的なセオリーや知識を知っているだけで、デザインをする力が格段にアップします。 4月から ...

WEBデザイン

: 今からでも間に合う！レスポンシブWebデザイン作り方のまとめ

2015/10/6

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。徐々に対応しているところが増えてきたためだと思います。私も昨年からレスポンシブWEBデザインについ ...

WEBデザインコーディング

: Photoshopで同じ位置にコピーする方法

2013/12/26

フォトショップで同じ場所にコピーするには、レイヤーを選択後、「command + J」です。同じ位置にコピーされます。コピーするとずれてイラっとすることがありますが、これで大丈夫。超小ネタで ...

Photoshop WEBデザイン

: 知らなくて大丈夫？Fireworksの便利な使い方まとめ

2013/12/8

学校ではPhotoshopを習っていたのに、いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。基本的な使い方 ...

Fireworks WEBデザイン

: デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ

2013/12/1

いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと厳しい時代です。 JavaScriptやjQueryは時間をか ...

Javascript jQuery

: 手描き感のあるイラストがかわいいWEBデザイン

2013/12/1

イラストをつかったサイトは手作り感がでて、親近感がわくので好きです。そんなイラストを使ったサイトを参考のために、まとめてみました。こんな素敵なサイトをつくってみたいです。ちあーず歯科・小児歯科 ...

WEBサイトチェック WEBデザイン

: 暗記しておく！イラレでギザギザの丸（円）を作る方法

2015/10/6

よく使うこのギザギザの丸（円）。今まで何度も使ってきましたし、使い映えするので、絶対に暗記しておきたいです。

WEBデザインイラストレーター

: 美しいモノトーンベースのWEBデザインまとめ

2013/11/11

モノトーンはシンプルなだけに、写真などの素材のよさが際立ちます。 CHANCE MAKER CHANCE MAKER ハロルド official web site ハロルド official web ...

WEBサイトチェック WEBデザイン

: 【デザインの参考に】ボツ案のFireworksのデザインデータ

2013/11/20

学校や独学だと、カンプデータ（デザインデータ）を見る機会がないかと思います。実際、一番役にたったのは、働きだして人が作ったデザインデータを見たときです。意外と作り込んであったり、凄いテクニックを ...

Fireworks WEBデザイン

: バナーをデザインする時に役立つまとめ・記事10選

2013/11/3

新人がデザインの業務で頼まれることが多いのばバナー。小さいので簡単と思われるけど、実はかなり難しく意外と制作に時間がかかるのがバナー。小さいけど、奥が深いのがバナー。そんなバナーを作るコツがわか ...

WEBデザイン

: バナー制作時の文字の組み方のちょっとしたコツ

2013/11/17

新人の頃、「クライアントに『自分でもつくれる』と思われたらダメ」とよく先輩に言われていました。クライアントから、「自分でもパワポやエクセルで作れそう」と思われるとデザイナーとして失格というこ ...

WEBデザイン

: 簡単にできるPhotoshopの手書き風の記事10選

2015/10/12

優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。 Photoshopで簡単にできる手書き風の記事を集めました。

WEBデザイン手書き風

: 【デザイナー向け】15個の眠気解消法まとめ

2013/10/28

仕事中に眠くなることがよくあると思います。寝ることができればいいのですが、そうもいかないことがほとんどじゃないでしょうか！？後輩の手前、眠い顔をするもの気まずい、先輩としての威厳もなくなりますor ...

ライフハック

: 天気と音楽のコラボ「レソラ天神」

2013/10/23

福岡の商業施設「レソラ天神」のサイト。天気を音楽に変換するようだ。なかなか心地よい音楽とアイコンの動きについつい見とれてしまう。雲や雨の紙吹雪のような動きがかわいい。やはりこういうリッチコンテ ...

WEBサイトチェック

« Prev 1 … 4 5 6 7 Next »

プロフィール

KIYOTA
Webデザイナー / ウェブ解析士

デザインとコーディングと制作現場が大好きなWebデザイナー（Webデザイナー歴21年 2023年現在）
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。ウェブ解析士。

@iclippinさんをフォロー