フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
ログイン ‹ 夜職の世界｜ナイトワークのお悩み研究所 — WordPress
Powered by WordPress ユーザー名またはメールアドレス パスワード ログイン状態を保存する ← 夜職の世界｜ナイトワークのお悩み研究所 へ移動 言語
優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な５つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
『トレーステクニック（現代版）』
先日、モータースポーツジャパンがてらお台場に遊びに行ってきました。なんとガンダムの目の前に幻の車MID4（2型）が展示されていました。せっかく写真を撮ってきたのでトレースでもするか（←おかしい）と、久しぶりにIllustratorでトレース作業をしてみました。 Illustratorのパスの描画やハンドルの挙動は初期の頃からほとんど変わっていません。なので、トレース作業は2013年発売のCCまではペンツールとハンドルを駆使して曲線を描くのが基本でしょう。 もちろん、ツールや機能の強化により初期に比べてだいぶ楽にはなっていますが、パスそのものをコントロールする部分はやはりペンツールとハンドル操作で行います。 しかし2014年発売のCC17.1以降、ライブコーナーやセグメントの変形、アンカーポイントツール、曲線ツールや連結ツールなどパスまわりが積極的に強化され、扱いの難しかったベジェ曲線を比較
バナーデザインのコツ11選！初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し
Photoshop不要!?簡単なデザインはiPadさえあればどこにいてもできる「Canva」 | Techable(テッカブル)
「SNSやブログ用に写真や画像にフィルターをかけたり、テキストを入れたりちょっとだけ加工したい」そんな状況であなたならどうするだろうか？ 本格的なものを作りたいならPhotoshopなどのデザインツールを使うのがベストかもしれないが、そこまで凝ったものを作る必要はなく、ハードルが高いという人も多いだろう。 最近では簡単にアプリやWebサイトを作れたり、Webデザインができるサービスが非常に注目を集めている。「Canva」というアプリも、簡単なWebデザインをしたい時には非常に有用なツールだ。 ドラック&ドロップでiPadからサクサクWebデザイン iPadとこのアプリさえあればどこにいても簡単に写真加工やバナーなどの作成ができるのがこのサービスの特徴。 特別たいしたスキルや知識は必要なく、ドラック&ドロップでサクサク簡単に操作が可能。予めレイアウトのフォーマットがいくつか登録されているため
【※保存版】WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。
【※保存版】WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。2014.10.13 WEBデザイナーは技術はもちろん、手持ちのリソース（情報など）が多いほど有益なデザインを完成させることができます。 しかし海外の素材サイトは、ウイルスリスクの懸念や利用規約も英語で理解できなかったり曖昧だったりでちょっと怖いイメージがあります。特に商用で利用したい場合にはしっかりと利用規約を確認することができる日本で運営しているサイトのが安心ですね。 ここでは本当に使えるWEBデザイナーご用達の商用フリーの素材サイトをまとめました、デザイナーに限らず趣味でサイトを運用している方にも保存版の8サイトをご紹介します。 PAKUTASO5000枚近く（2015/10時点）の写真素材を保有するパクタソは管理者の方が手間を惜しまず写真を1枚1枚選別し、さらにノイズ処理や補正、トリミングなどを行
イケてるUIのデザインパターンを集めたサイト「Design Patterns on CodePen」 | ライフハッカー・ジャパン
「Design Patterns on CodePen」はイケてるUIのデザインパターンを集めたサイトです。CodePenというHTML、CSS、JavaScriptのコードを共有することができるサイトがあります。その中から、特に優れたUIを集めたのがこのサイトになります。その場で実行され、動作の確認もできますし便利ですね。 以下に使ってみた様子を載せておきます。まずDesign Patterns on CodePenへアクセスしましょう。「ボタン」「メールフォーム」「ページング」「タブ」などのUIパーツごとにカテゴライズされています。 詳細はこのように表示されます。コードが上部にあり、下部にそれを実行した結果が表示されます。コードを書き換えるとリアルタイムで結果も変わるので便利ですね。気に入ったUIを見つけたら、その作り方を参考にしてみましょう。ぜひUIを考える際にもご活用ください。 D
Gmailのデザインを根本的に変えてしまう、挑戦的なChrome拡張機能『Sortd』 | ライフハッカー・ジャパン
Chrome：メールというものは、まるで飼い慣らせない動物のようです。『Sortd』は、Gmailのデザインを劇的に変えてシンプルで整理されたリストに変えてくれるChrome拡張機能です。 開発者のサイトを見ると「Gmailは壊れてる。だから直したんだ」という挑戦的なコピーがまず目に留まります。 Gmailのインターフェイスを大幅に変えてしまうこの拡張機能は、メールをリストで分類する操作がポイント。もちろん使い方は簡単で、左側にある受信トレイから、右側に作成したいずれかのリストへドラッグし、ドロップするだけです。後で見直すためにとか、レシートやその他必要などんなことにでも、リストは便利に使えるでしょう。古い受信トレイに戻したければ、Sortdを脇へドラッグするだけですが、そんなことをする人はいないでしょう。 メールがらみのミスが多い人は、Sortdを試してみると良いかもしれません。重要なメ
WEBサイトはスマホで見る時代！今後はスマホから見た時のデザインに注力をして、PC版はボロボロでも良いのかもしれません。 - クレジットカードの読みもの
毎回毎回、似たような記事を書いている感もありますが、最近はよりいっそう、スマホからのアクセス比率が高くなってきている印象を持っています。 もう言い切ってしまうのであれば、今やウェブサイトはスマホで見る時代。『PCからの閲覧が主で、携帯からのアクセスはオマケみたいなものだから、スマホ対策なんかせずにPC版を見せておけばいい！』…なんて私もちょっと前までは考えていましたが、仮にこの考えのままだったら今頃、痛い目にあってしまっていたかもしれません。 統計データもスマホ比率が高い： 実際、当サイト『クレジットカードの読みもの』における過去30日のアクセスデータを解析してみても、PCからのアクセスはわずか35%程度です（下記の画像参照*1）。 残りの65%はスマートフォンやタブレット端末から見られているわけですから、どちらに重きをおいて対策をしていくべきかは、もう…言うまでもないですよね。 ボロボロ
お探しのページが見つかりません - Schoo（スクー）
URLをお確かめの上、再度お試しください。 お問い合わせ先は法人契約の有無で異なります。 法人契約の方は、biz-support@schoo.jp（ビジネスプラン カスタマーサクセスチーム宛） それ以外（個人でご利用中）の方は、support@schoo.jpへお問い合わせください。 「404エラー」とは？ ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
レスポンシブデザインに対応したHTML5テンプレート集「HTML5 UP」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 | ライフハッカー・ジャパン
「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。 以下に使ってみた様子を載せておきます。まず、2.5dBUTTONへアクセスしましょう。 試しにボタンを作ってみました。このようにスライダーを調整するだけで色や形を決めることができます。マウスを乗せると上記のようにポコッと浮き上がります。 HTMLとCSSも自動的に出力されるので、あとはこれらをコピペすればOK。 こちらが実際に使っているときの様子です。YouTubeのロゴを作ったり汎用性が高いですね。ぜひフラットデザインのボタンを作成したいときにご活用ください。 2.5dBUTTON （カメきち）
初心者Webアプリケーション開発者がチェックすべき情報源2014 - ハニーポッターの部屋
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年は手を広げすぎてかえって反応が悪かったので、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載。 「HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書」を追加。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html LASDECなどで公開されていたウェブ健康診断仕様が別冊に加わ
約5万点の素材からドラッグするだけで、プロ並みのデザインが仕上がる新サービス “Picky-Pics (ピッキーピックス)”、本日リリースです！
こんにちは、新プロダクト担当の林です。 本日、ブラウザ上でプロ並みのチラシや名刺をデザインする新サービス “Picky-Pics (ピッキーピックス)” をリリースしました。 Picky-Pics を使う 約5万点の素材とドラッグ＆ドロップ Picky-Pics は、約5万点の写真やイラストの素材をドラッグ&ドロップによる簡単な操作で自由にレイアウトし、プロ並みのデザインを作成できるウェブサービスです。名刺、ハガキ、プレゼンテーション、フライヤー等の多彩な用紙を選択して、手持ちの写真や Picky-Pics ライブラリの素材をキャンバスにドラッグ&ドロップすれば、すでに完成したも同然です。 あとは色やテキストを変更したり、お好みのレイアウトパターンを選ぶだけで、プロ並みのデザインに仕上げられます。つくったデザインは PNG・ PDF・ウェブに出力可能で、自動でサーバーに保存されるので、自宅
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9（ブログルームナイン）
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flipsblog.jp
IDEA * IDEA
http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/573/
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
