作成:2014/02/24 更新:2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。
![ひとりでWeb制作できた!Webデザインの勉強にもなる独学「スライド」総まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/43bc6023ebe430d8cf7e6627dc4cfcff19c570c2/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_Designers_Slide.png)
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人
作成:2014/01/6 更新:2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター 1.アクセシビリティ 2.ユーザビリティ 3.UX(ユーザーエクスペリエンス) 4.IA(情報アーキテクチャ) 5.画面設計(ワイヤーフレーム) 6.進行管理 Webデザイナー 7.レイアウト・フォントの知識 8.配色 9.Illustratorの使い方 10.Photoshopの使い方 11.バナー作成 12.ボタン作成 フロントエンドエンジニア 13.HTML5 14.CSS3/Sass 15.javascript 16.jQuery 17.WordPressテー
あけましておめでとうございます。2014年! WP-Limeこと、星野邦敏です。 持ち回りで月に1回コンスタントにブログ記事を書いて、 1回目の記事は、2012年8月に、 案件の価格決めをどうしているのよ? 2回目の記事は、2012年9月に、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。 3回目の記事は、2012年10月に、 支払サイト&入金サイトについて考える。 4回目の記事は、2012年11月に、 Twitter Bootstrapを使って短時間でWordPressテーマを作る。 5回目の記事は、2012年12月に、 寡兵(少ない兵力)で負けない戦を展開する方法 まで書いて、 2013年は、なんとWP-Dでは1記事も書いていませんでした。 2013年、主に何をしていたかと言うと、生まれ育った地元の埼玉県さいたま市の大宮駅近くで、コワーキングスペース
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今まではデザイナーという肩書きだったのですが、最近会社の偉い人たちが 「フロントエンドエンジニアがほしいなあー。(チラッ)」 「そうだねー。ほしいねー。誰かやってくれないかなー(チラッ)」 という会話を僕の聞こえるところでよくするので、空気を読んでジョブ・チェンジした次第であります。 さて、今年も残すところあとわずかということで、今年僕が読んでタメになったWEB系の技術書やら指南書やらをご紹介いたします。WEB系の仕事をされている方、今後する予定のある方はぜひ参考にしてみてください。 もくじ 1.Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ 2.スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック 3.レスポンシブWebデザインテクニックブック プロが教えるマルチ
「バッド・ルーテナント 刑事とドラッグとキリスト」写真提供:アマナイメージズ [映画.com ニュース] 自身も学んだニューヨーク大学ティッシュ・スクール・オブ・アーツの映画学科で教鞭をとっているスパイク・リー監督が、毎年最初の授業で学生たちに配布する「映画監督(志望者)が見るべき映画」のリストを一般に公開した。 86本は以下の通り(リー監督のリスト順)。 ▽「バッド・ルーテナント 刑事とドラッグとキリスト」(1992/アベル・フェラーラ) ▽「羅生門」(1950/黒澤明) ▽「用心棒」(1961/黒澤明) ▽「乱」(1985/黒澤明) ▽「裏窓」(1954/アルフレッド・ヒッチコック) ▽「めまい」(1958/アルフレッド・ヒッチコック) ▽「北北西に進路を取れ」(1959/アルフレッド・ヒッチコック) ▽「俺たちに明日はない」(1967/アーサー・ペン) ▽「暗殺の森」(1970/ベル
飲食店が無数にある渋谷地区。チェーン店やファストフード以外にも、たった500円でしっかりとしたランチメニューを提供している店が存在する。ボリュームはもちろん、味にも納得できるワンコインランチを渋谷で探した。 宇田川町 上海食堂 渋谷店 『エビ入りチャーハン』(500円) ボリューム満点のワンコインランチで知られる、渋谷センター街に店を構える中華料理店。昼時には多くのビジネスマンで賑わい、毎日5種類前後の500円メニューを提供している。メニューも、飯物、麺物、おかずものと、その日の腹の空き具合によって選べるのがうれしい。チャーハンはプリプリの海老とレタスが入っていて脂っこ過ぎない味。麻婆豆腐とスープ付きで、ザーサイは食べ放題。ガッツリと食べたい時にはおすすめの一軒。 『上海食堂 渋谷店』の詳しい情報はこちら ぱっぷHOUSE 『サーロインステーキセット』(500円) セルリアンタワー
作成:2013/06/17 更新:2014/11/01 WordPress > 先日コムテブログをひっそりとリニューアルしたわけですが カスタマイズしたい部分を調べるだけで膨大な時間がかかってしまいました。 今回はWordPressでブログをリニューアルしたり 新たに立ち上げたりするときに 参考にすると助かるサイトをまとめさせていただきました。 既存のサイトをレスポンシブ化したり、スムーススクロール、タブ、ロールオーバーを簡単に実装したり、高速化にセキュリティ対策。やらなきゃいけないことをしっかりメモ。 リニューアルのおかげでアクセスも1.3倍ほど上がったので、集客効果もあり。是非お試しを! エンジニア速報は Twitter の@commteで配信しています。 もくじ レスポンシブに対応させる 1.レスポンシブ対応なCSSの書き方 2.Adsenseタグを改変してレスポンシブ対応させる 3
みなさんこんにちは! Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう?」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します! 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも? Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
かき氷といえば、祭りや海で売られている、カップ入りの氷を思い浮かべる人も多いだろう。しかし、氷にシロップをかけるだけと思われがちなかき氷にも、奥深さがある。蒸し暑さを感じる時期ともなれば、甘味処、喫茶店などで、実にさまざまな氷を楽しむことができるのだ。その味も千差万別。氷そのものにこだわる店もあれば、氷の“かき方”にこだわる店もあり、シロップ、トッピング、盛りつけ方などにも店のこだわりが溢れている。かき氷はその店の本気がつまった夏の芸術品だ。ここでは、それぞれに特色のあるかき氷を提供している東京都内の15店舗を紹介。この季節にしか味わえない冷たい美味しさを楽しんで欲しい。 根津 芋甚 『氷牛乳』(450円) 大正元年創業の根津にある甘味処で味わえるのは、ふんわりと盛られた氷の下にレモン風味の甘い牛乳が添えられたさっぱりとした一品。氷を牛乳と混ぜながら食べ進め、最後は残った冷たい牛乳をストロ
競合に負けないWebサービスをつくるため、UI(User Interface)、UX(UserExperience、ユーザー体験)にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです! 目次 基礎知識 1.UXのためのUIデザイン 2.UX is not UI 3.ククパド美ちゃんと学ぶ!クックパッドのUI改善プロセス:前編 応用編(Webサイト) 4.ククパド美ちゃんと学ぶ!クックパッドのUI改善プロセス:後編 5.コンテンツで改善する UI デザインの極意 応用編(スマホアプリ) 6.UI&UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編(タブレットアプリ) 7.ニコニコ超デザイン-
プログラミングを「本気」で勉強するのに役立つサイト10選とその解説 | 今年はWebディレクターもコードを書こう! 『Webディレクターは、コードを書く必要はない??』 もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり、技術面でエンジニアとのコミュニケーションをする上で、プログラミングを覚えることはプラスになります。 さらに、「こんな実装が出来るなんて凄い!」といった実感を伴った一つ一つのコミュニケーションが、エンジニアからの信頼を獲得する助けになるのです。 どうやってプログラミングを覚えるか? プログラミングは、毎日のちょっとした勉強の積み重ねで学習する事もできます。 今回はスタートアップで働くWebディレクターの方々に向けて、プログラミングを学べるサイトを10連発でまとめました。 このエントリーでは、
使える資金が少なく、宣伝広告にリソースを割けないスタートアップ。ユーザを増やし、サービスを使ってもらうための有力な施策の一つは、良いデザインを採用することです。 先日、日本発のOrigamiがスタートアップ界隈で有名になりましたが、優れたデザインが高く評価されたことは記憶に新しいでしょう(記事:出資元のKDDIがデザインセンスを高く評価、5億円を出資)。スタートアップといえども、デザインを軽視することはできないのです。 Webデザインだけでなく、最近ではアプリのUIなど、デザイナーの仕事は広がっていくばかり。忙しさを理由に、日々の情報収集を日本語のブログだけで済ませていませんか? 良いデザインを誰よりもいち早くキャッチアップしサービスに活かすため、海外ブログの購読はもはや常識と言っても過言ではありません。 このエントリーで取り上げるブログのカテゴリは以下の通りです。 ● デザイン方法論系
「婚活女子」という言葉が定着し、様々なメディアで20代~30代の未婚女性の生き方にスポットが当てられている一方、男性の方はまだ遊んでいたい!という願望があったり、結婚以前に出会いも無い…と諦めていたりと、結婚に距離を置いているような気がするラコ〜。しかし、いつまでもそのような状況でいる訳にもいかないのが現実ラコよ!というコトで今回は、大人が読むマンガに詳しく、自身の運営するマンガレビューサイト“ネルヤ”で30代だけで1冊のマンガを語り合う「アラサー座談会」も開催する、ライターの小林聖さんに、30代独身男子が読むべき結婚マンガを選んでもらったラコ。 小林聖 マンガレビューサイト“ネルヤ”管理人。 ネルヤサイト上にて一冊の漫画を30代だけで語り合う「アラサー座談会」や、街角の書店を調査する「書店ぶらり旅」といった企画を連載している。現在、ライターとして多方面で活躍中。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く