| 上司やディレクターに好かれる新人webデザイナー10の心得【前編】神戸ホームページ制作センター
普段ゲームやらないんですが、CMにちょっと惹かれて「ケリ姫スイーツ」というアプリをダウンロードしました。面白いんですが、アイテムがどうとかプレミアムチケットがどうとかやたら複雑でまだルールの全貌が見えない・・・。 最近のゲーム手強し・・・。 だれでも最初は新人です。 特に初めての社会人経験でwebデザイナーになった方は、ただでさえ移り変わりの激しい業界なのに、通常業務に加えて基本的なビジネススキルも磨かないと行けないので大変です。 今回ご紹介する内容を意識しておけば、スムーズに制作できるだけではなく、周囲から「一緒に仕事がしやすい」「あいつにお願いしよう」というような印象を持たれます。私が上司ならハナマルです。 ＜前編もくじ＞ 1. 迷ったら相談する 2. 期限はきっちりすり合わせる 「明日まで」「なるはや」の罠 3. 誤字脱字はデザインのときに 4. クオリティにバラつきを出さない 5.
| Google Chromeがもっと好きになる4つの機能神戸ホームページ制作センター
皆さんブラウザは何をお使いでしょうか？ はい、そうですねGoogle Chromeですね。 えぇ、わかっています。聞くまでもない質問でした。 今日はGoogle Chromeがもっと好きになれるちょっとした使い方をご紹介します。 まずGoogle Chromeを最新版にしよう！ 2013年10月1日（米グーグル現地時間）ですが、Chromeの最新版を公開しております。 まぁ、普通に使用していれば勝手にアップデートしているので問題はありませんね。 実はこのChrome、頻繁にアップデートが行われており、今やバージョンは30になっています。 バージョン確認方法はブラウザ右上にあるをクリック→「Google Chromeについて（G）」をクリックでOK。 画像検索が強化されています バージョン30になったことで細かなアップデートはあるようですが、一番関わりがある部分としてはwebページ上にある画
| Fireworksで簡単！写真風画像加工（斜めでもギザギザさせない）神戸ホームページ制作センター
こんにちは松本です。先日第二子が誕生しましたヽ(´ｴ`)ﾉこれで女3：男1家族になりました。10年後の自分の扱いが楽しみです。 写真風加工を簡単に ホームページ上で良く見かける、写真風の画像加工テクニック。 矩形を二つ作って、内側の矩形と画像をマスクでグループ化して・・・っていうのがオーソドックスな方法ですが、もうちょっと手短にできないかと別案を考えました。 とりあえずサクッとつくる 白枠をつける まず実際に作りたいサイズの矩形を作り、その中に画像を Ctrl + Shift + V で内部ペースト（画像を任意のサイズに切り抜いたものでも良いです）。 フィルターから「光彩（内側）」を選択。上記の画像のように「幅：6」「カラー：白」「不透明度：100%」「柔らかさ：0」「光輪のオフセット：0」を設定します。幅はお好みで。 ※レベルや、色彩などの補正をする場合は、これより前に行なっておいてくだ
| 【Photoshop】人物レタッチチュートリアル～男性編～神戸ホームページ制作センター
覚えておくと便利な人物レタッチのチュートリアルです。 女性は“綺麗”に、男性は“かっこよく”見せることが多く、目的が違うので男性と女性のレタッチの方法も変わってきます。 今回は「男性編」になります。 イメージはこちら。 ※Macの場合はCtrlをcmdに置き換えてください。 くっきりシャープにしよう 今回使用した写真は GATAG｜フリー画像・写真素材集 3.0からお借りしました。 ・レイヤーを複製します。 Ctrl + J ・フィルターをかけます。 フィルター＞その他＞ハイパス 数値詳細は以下の通り 半径：0.5px ポイントは半径pxを少さくする。目安は人物のラインがうっすら出るくらい。 ・レイヤーモードを「リニアライト」に。 ※このレイヤーを2回複製します。 現在のレイヤーパネルはこの通り。 写真がシャープになって引き締まりました。 くっきりし過ぎた部分を削る だいぶ良くなりましたが
| Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術②神戸ホームページ制作センター
前回の記事ではイメージ写真として障害物になるものを排除しました。 今回は「詰め」の部分になります。モデルルームのサイトのメインビジュアルにも使用できるくらいに仕上げたいと思います。 工程をざっくり分けると ・細かい部分の修正 ・色調調整 の二つになります。 細かい部分の修正。 もしモデルルームだったとしたら家の中に物があったらおかしいですね。 下準備として人物レタッチでも活躍のお肌つるつるにしてくれる、ぼかし（表面）フィルターをかけます。 数値は下の通り ※しきい値は低めがいいです。 上の画像を見てもらえばわかると思いますが窓からうっすら見えてたカーテンがほとんど消えてくれてます。 ついでにノイズもだいたい消してくれました。 （余分に消えてしまった箇所は、レイヤーにマスク追加して元レイヤー下に引いてマスクに消しゴムかけてください。） こういう物はツールで消します。 修正ツール J の ・パ
| デザイナー視点で見る！イケてるバナーとトホホなバナー～イケてるバナー編～神戸ホームページ制作センター
前回のデザイナー視点で見る！イケてるバナーとトホホなバナー～これはトホホ編～ に引き続き今回は参考にしたいグッドデザイン編！ 前回はあまり目に優しくありませんでしたが、今回はアイデアの種になりそうなバナーたちです。 縦に割る 写真を文字を分けることでスッキリとした印象になります。
| デザイナー視点で見る！イケてるバナーとトホホなバナー～これはトホホ編～神戸ホームページ制作センター
トホホバナーでディレクターやクライアントを困らせない為にも！ 良いところと悪いところ、自分で分析できるようにならないといけません。 いろんなバナーを見て改めて自分のおさらいにもなりました。 広告バナーにおいてデザインはクリック数や反応に左右するとても大事な部分なのですが、今回はそれ以前に広告バナーとして出すにはあまりふさわしくないバナー例です。赤ペン先生気分で解説しています。 詰めが甘い
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
