The Polaris Dawn crew is back on Earth after a historic mission

以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの？と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基本原則】を教えることになったわけです！ 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください！新人デザイナーに教える手間が1.2時間はぶけるかもしれません！(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン

2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ： フリー素材 タグ：イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい！と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。

こんにちは、はやちです。 今回はcss3を使って簡単に作れる吹き出しを紹介したいと思います。 HTML 土台はこんな感じ <div id="textarea"> <div class="textinner"> <p>css3</p> </div> <!--/textinner--> <div class="triangle"></div> </div> <!--/textarea--> textinnerがボックス部分でtriangleが矢印部分になります。 ボックスを作る グラデーションの調整をcss上でやるのは面倒なので、ジェネレーターでちょちょいっとつくっちゃいます。 今回使用したジェネレーターはこちら □Grad3 http://grad3.ecoloniq.jp/ ブラウザ上でグラデーションとシャドーを細かく指定できるのですごく便利です＾＾ 自動生成されたソースをはっつけます。

フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

紅茶に興味があるけど、紅茶教室に行く時間がないあなた。 紅茶を入れることに興味はないけど、店で手軽においしい紅茶を飲みたいあなた。 そんな時、ネットで「ここだけを見ておけば、おいしい紅茶が飲める！」なんてリンク集があったら便利だよね。 というわけで、私の経験から「最低限ここだけを見ておけば、おいしい紅茶が飲める」なサイトをまとめてみた。 これで、今日からあなたにも楽しい紅茶生活が！ ●紅茶はどうやって入れたらいいの？ 以下がまとまっていておすすめ。 意外と手順がすくないけど、書かれていないことが実はたくさんあったりする。 ・日本紅茶協会による紅茶（リーフティー）の入れ方 （上記で書かれていないことについて、私が補足したものがこちら） ・ティーバッグでいつもより美味しい紅茶をいれるためのゴールデン・ルール ●必要な道具は何？ 全部持っていればそれに越したことはないけど、最初はティーポット（鉄

うっわー、これ欲しいっス！　MacBook/Pro/Airを立てると、簡単にモニタやUSBの接続ができてしまう「Henge Docks」です。 これは何より、立てることで省スペースになるのが良いですね。 「Henge Docks」に立てることで、各種コネクタが接続された状態になり、裏側から伸ばしたケーブルでモニタやUSBが使えるようになります。 現在、4種類の「Henge Docks」が購入可能です。しかも、意外にお安いのですよ。 ・MacBook $59.95, $64.95 ・MacBook Pro 13インチ $64.95 ・MacBook Pro 15インチ $69.95 ・MacBook Pro 17インチ $74.95 どのように使うかは、動画も参考にして下さい。 気になるのは「MacBook Air」のことだと思いますが、ただいま予約受付中となっています！ こちらも価格は11

MacBookAirを充分に使いこなせていなくても心配入りません。また、これから買おうと思っている人も大丈夫です(´∀｀) シゴトにも使えて、ブログを書いたり、絵を描いたり、どんな趣味にも活躍してくれるMacBookAirは、その使い方によってあなたの人生で強力なサポーターになってくれるはずです。 この記事では、これからMacBookAirを買おうと思っている人、持っているけどなかなか使いこなせていない人のために、毎日Macアプリを買いあさっている@torizoが自信を持って、オススメできる実用性の高い厳選アプリを紹介したいと思います。 もし、使えそうなアプリがあったら参考にしてください。あなただけのMacBookAirにカスタマイズし、素敵なMacライフを送っていただければ幸いです。

Koushiki Typefaces / ドットコロン - フォント / MopStudio他...全5件 こんなハイクオリティなフリーフォントは見たことない！と思わず感動してしまったフリーフォント。デザイナー川上淳氏制作。営利・非営利を問わず、無料で利用することができる。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

What is HTML5? HTML5 is the fifth version of HyperText Markup Language, which is also known as HTML. It is not only the fifth version, but it is also the latest version of this crucial for all web projects out there programming language. Much like the predecessors, it provides developers with tools to create solid structures, present content, and build web pages and web applications. It works perf

ADWLauncher EX 非公式マニュアル目次 I. ADWLauncher EX の設定方法や便利な使い方を本気でまとめてみたよ II. ADWLauncher EX の基本操作 III. ADWLauncher EX の設定 1 ～Presets～ IV. ADWLauncher EX の設定 2 ～UI Settings（ユーザーインターフェース設定） 前編～ V. ADWLauncher EX の設定 3 ～UI Settings（ユーザーインターフェース設定） 後編～ VI. ADWLauncher EX の設定 4 ～General Behavior（挙動設定）～ VII. ADWLauncher EX の設定 5 ～その他の設定～ VIII. ADWLauncher EX の設定 6 ～ドロワー内の使い勝手向上～ ドックにアプリを追加したり入れ替えたりしよう これは通常ホ

How to Create a Perfect Color Scheme [Infographic] DesignDiana Valeanu • March 02, 2017 • 2 minutes READ Nothing can make a project stand out or identify your brand or business like color. Just think: What would the “Golden Arches” of McDonald’s be without the signature red and gold? When it comes to creating the perfect color scheme, there are plenty of things to consider. Established branding is