図形の認識、カラーの見極め、文字の美しい字詰めなど、Webデザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックサイトを紹介します。 ちょっとした暇つぶしにチェックするだけでなく、定期的にやるとスキルがアップしてるのを実感したり、今日は体調悪いなという目安にもなりますね。
![ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5df3cf3b6ec7e978ec812f5e8515339379161a7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014120404-01.png)
図形の認識、カラーの見極め、文字の美しい字詰めなど、Webデザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックサイトを紹介します。 ちょっとした暇つぶしにチェックするだけでなく、定期的にやるとスキルがアップしてるのを実感したり、今日は体調悪いなという目安にもなりますね。
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP(エディトリアルデザイナー)の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何?レベル。(テーブルレイアウト世代) 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
文法についての本:外国語を学ぶなら文法は確実に学ぶ必要があります。筆者のオススメは「Dover's Essential Grammar series」。非常に安いのにわかりやすく、しっかりまとめられています。日本のAmazonでも手に入れることはできます(例えば、英語、ドイツ語、フランス語)。もちろん、このシリーズはすべて英語で書かれていますので、ある程度の読解ができなければ使えません。まったくわからないうちは、自分のレベルにあうものを書店などで探してみてください。 フレーズを集めた本:短文や、言いまわしなどを集めた辞書のようなものです。紹介されている文章やフレーズを暗記すれば、単語も自然と頭に入ってきます。オススメの暗記法についてはこのあと詳しく説明します。 オンライン辞書:ロマンス語(ラテン語を起源とする言語)を学ぶ場合、「Word Reference」がオススメ。ドイツ語の場合は「D
いつもcreive(クリーブ)をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる!日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive(クリーブ)は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち(私の場合、地元の
92 名前:名無しステーション :2013/04/04(木) 19:02:46.71 ID:BlWwOL6F 池上いじり過ぎだろw ★いじめ問題について マツコ:今日は、偉そうな事言わせていただきます。 池上:そりゃそうですよ。だってマイノリティーだからこそ言える事、見える事ってあるわけでしょ。それがマツコの鋭さであるわけ。そのマツコの鋭い発言によって世の中の人がえー!って驚くわけで、そこに存在価値があるわけだから。 マツコ:よく、ほら、太ってるからっていじめられちゃったりする子とかいるじゃない。 池上:ありますね。 マツコ:恐らく私も、多分にその危険性をはらんで…。小さな頃から太ってましたんで。 池上:はい。 マツコ:そういうターゲットになるかもしれないという状況の中で生きてはきたと思うんですよ。でもね、なんかね自分がいじめられるって想像した事がなかったんですよ。 池
プログラムの定義プログラム:定義づけられた物事を進めていく妥当な手順・方法の決定、および物事・手順・方法の記述書 プログラミングの定義(コンピューター)プログラミング:コンピューターが進めていく物事を定義し、妥当な手順・方法を決定し、記述すること。 プログラミング = デザイニング union コーディング; デザイニング:進めていく物事を定義し、妥当な手順・方法を決定すること。 コーディング:コンピューターが進めていく定義づけられた物事の決定された妥当な手順・方法を、記述すること。 プログラミングに関わる人々PG(プログラマー):プログラミングする人。 CD(コーダー):コーディングする人。プログラマーとは限らない。 SE(システムス エンジニア):進めていくべき物事を定義する人。プログラマーとは限らない。 PM(プロジェクト マネージャー):(プログラマー)プログラマー。(コンピュータ
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人(または初級者)のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ(見た目の部分)はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
外部設計とは 要件定義の次の工程として外部設計を行う。 外部設計とは、開発するシステムが外部 (ユーザや外部システム) に対して、 どのような機能やインタフェースを提供するかを設計することである。 まず、画面設計で、システム全体での画面の移り変わりと個々の画面の設計を行う。 特に、Webアプリケーションでは画面の設計が重要である。 次に、扱うデータを整理しER図を記述する。 ER図はシステムで扱う対象 (ECサイトであれば商品情報、在庫データ、顧客情報など) ごとにデータを抽出し、その関係を表現した図である。 以下に外部設計で作成する文書・図について説明する。 画面遷移図 画面遷移図は、システム全体の画面の移り変わりを設計することにより、 ユーザが画面からいつどのような情報を得て、どのような操作を行い、 目的の仕事を行うか、全体像を把握するものである。 以下の図は、画面遷移図の例である。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く