[B! webデザイン] shiansukaのブックマーク

shiansuka id:shiansuka

webデザインに関するshiansukaのブックマーク (26)

パントン - JP
shiansuka 2018/12/11
色

webデザイン
リンク
コーダーの仕事が楽になる！レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif
ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに利用できるプロトタイプとして、HTMLの知識はほとんどいらずにほんの数クリックで自分用のHTMLファイルが作成できます。 Aperitif 使い方は、簡単です。登録やメールアドレス入力など、面倒なことは一切必要ありません。まずは、サイトにアクセスします。 ※対応ブラウザは、Chrome, Safari, Firefoxで、IEは準備中です（2017年9月現在）。
shiansuka 2017/09/04
webデザイン

レスポンシブ

template
リンク
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
shiansuka 2017/08/29
webデザイン
リンク
【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なことこ
shiansuka 2017/07/26
webデザイン

あとで読む
リンク
Color Palettes for Designers and Artists - Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
shiansuka 2017/04/10
webデザイン

配色
リンク
ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！【 Pingendo 】「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。利用するにあたり、面倒な登録やインス
shiansuka 2016/11/08
あとで読む

Webデザイン
リンク
Webサイト制作がAIで実現!?デザイン、ABテスト実行ツール『FIREDROP』 | Ledge.ai
衝撃的なニュースが飛びこんできました。ほぼタイトルの通りですが、現在事前エントリー受付中の『FIREDROP』なるツールが色々ヤバイです。テンプレートという概念を無くす。AIによる自動デザイン以前にLedgeでも紹介したWix ADIやThe Gridの場合、デザインは（ほぼ）自動ながら、それでも事業形態やサイトタイプなど、いくつかのテーマ選択は人間が行う必要がありました。が、今回発表された『FIREDROP』の場合、それすらAIにマルナーゲでOKらしいです。テキストで書いたコンテンツをドサッと上げると、言語を形態素解析 ⇒ 文脈から意味を推測して『誰のどんなニーズに対しなにをどう伝えたいサイト』を作りたいのか？を一瞬で把握。そこからいい感じにページ構成とレイアウトを整えて60秒で完成させてくれる。とかなんとか。もし人間にそんなことできるデザイナーさんがいたら何としてでも採用し
shiansuka 2016/08/03
webデザイン
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
shiansuka 2016/01/27
webデザイン
リンク
無料テンプレート - Free Templates Online JP
404 Not Found nginx
shiansuka 2015/09/25
テンプレート

webデザイン
リンク
FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー（無料）ダウンロードできるサイト
フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちらファイルのフラットデザインアイコンノートのアイコン素材あざらしのフラットアイコン博士のフラットアイコン素材はさみのフラットデザインアイコンハンマー（とんかち）のフラットアイコンドル袋のフラットアイコン素材無料の暴れ牛のフラットアイコン素材スペースシャトルのフラットデザインアイコンギリシャのパルテノン神殿風のフラットアイコン目玉のアイコン素材にわとりのフラットアイコン素材計算機のフラットアイコン素材　その2 コーヒーカップのフラットアイコン素材バッファローのフラットアイコン乳牛のフラットアイコン海外の大学帽子のフラットアイコンおさるさんのフラット
shiansuka 2015/09/10
素材

webデザイン

フリー素材
リンク
これだけ読めば大丈夫！デザインの基礎が学べる厳選5記事｜ferret [フェレット]
ferret編集部：2014年12月11日に公開された記事を再編集しています。「デザインに関しては、全くわからないからデザイナーさんに全てお任せ！」「デザインは感性や才能だし、なんて伝えていいかもわからない。」と感じる方も多いのではないでしょうか？デザインが本業でない場合、時間を割くのが難しいという担当者さんが多いのが現状です。しかし、デザインの多くは原理原則や、法則に則ったうえで考えられています。少しでも理解することでデザイナーさんとの連携もスムーズになりますし、なによりクオリティが上がること間違いないです。今回は、デザインの原理原則が分かりやすく書かれている記事をまとめました。 1.デザインの基礎【追記あり】【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう http://wp-e.org/2014/03/09/995/ こちらの記事では、そもそも
shiansuka 2015/08/17
WEBデザイン
リンク
TECH PROjin
セキュリティソリューション事業部からのお知らせセキュリティソリューション事業部のブログサイトを新たに開設いたしました。 https://blog.sie-security.com/ 今後のセキュリティニュースの投稿は上記URLのサイトからとなります。よろしくお願いいたします。担当：TY …More Read
shiansuka 2014/08/31
twitter bootstrap

css

webデザイン
リンク
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
shiansuka 2013/10/01
webデザイン

google

tools
リンク
エラー
【エラー】人気ランキングは実施しない設定になっています
shiansuka 2013/09/21
webデザイン
リンク
ぱくたそ - フリー写真素材・無料ダウンロード
ゲーミング女子のフリー素材 eスポーツに関連する情報配信メディア「サイガナック（Saiga NAK）」さんから、「ゲーミング女子のフリー素材が不足している」というリクエストをいただき、ゲーム配信者として同社でも活動中の「れいか氏...
shiansuka 2013/08/08
webデザイン

フリー素材

写真素材
リンク
Iconizer.net | Free icons generator
Downloading icons from downloads cart Your downloads cart contains more than 30 icons, so we have split it into sereral parts. Please, download the file parts one by one (you NEED to wait for one part to finish downloading before starting next one):
shiansuka 2013/07/03
webデザイン

icon

ジェネレータ
リンク
写真やベクトル無料でダウンロード| Freepik
すぐれたデザインを、より速く作成高品質の写真、動画、ベクトル、PSD、AI 画像、アイコンなどを使えば、アイデアを並外れたデザインに変換できます
shiansuka 2013/06/25
webデザイン

フリー素材
リンク
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
shiansuka 2013/06/24
webデザイン

配色

Color
リンク
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
TOP デザイン一覧グラデーションテキストのみテキスト非画像上線下線丸四角囲み線斜線未分類点線角丸はてなブックマークツイートするシェアする他のギャラリーファビコンギャラリーフッターデザインウェブコレクションこのサイトについていろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。連絡先：manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.
shiansuka 2013/06/03
デザイン

Webデザイン

見出し
リンク
Royalty Free Icons & Clipart Stock Images ~ Icons Etc.
Providing over 100,000 high resolution icons, all free for personal and commercial use.
shiansuka 2013/06/03
webデザイン

フリー素材
リンク
1 2 次のページ